🧐 How to create rectangle in heatmap instead of point or square as example

[thoaihuynh2509]

I try to update shape field but it is not work when working with rectangle

`import React, { useState, useEffect } from 'react';
import ReactDOM from 'react-dom';
import { Heatmap } from '@ant-design/plots';

const DemoHeatmap = () => {
const [data, setData] = useState([]);

useEffect(() => {
asyncFetch();
}, []);

const asyncFetch = () => {
fetch('https://gw.alipayobjects.com/os/bmw-prod/68d3f380-089e-4683-ab9e-4493200198f9.json')
.then((response) => response.json())
.then((json) => setData(json))
.catch((error) => {
console.log('fetch data failed', error);
});
};
const config = {
data,
xField: 'name',
yField: 'country',
colorField: 'value',
sizeField: 'value',
shapeField: 'rect',
scale: {
size: { range: [12, 20] },
color: { range: ['#0d5fbb', '#7eadfc', '#fd8b6f', '#aa3523'] },
},
label: {
text: (d) => d.value,
position: 'inside',
style: {
fill: '#fff',
shadowBlur: 2,
shadowColor: 'rgba(0, 0, 0, .45)',
pointerEvents: 'none',
},
},
};

return <Heatmap {...config} />;
};

ReactDOM.render(, document.getElementById('container'));
`