hi, im using react 18.3.1. I follow the steps in the tutorial to create a grid, but then before i wrapped the grid in the willow component, all my rows are rendered in the left side of the screen
then, when i wrapped the component Grid in the Willow component, it doesnt reder anything
here is my code:
`import { Grid } from 'wx-react-grid'
function App() {
const data = [
{
id: 1,
city: "Amieshire",
email: "Leora13@yahoo.com",
firstName: "Ernest",
lastName: "Schuppe",
companyName: "Lebsack - Nicolas",
},
{
id: 2,
city: "Gust",
email: "Mose_Gerhold51@yahoo.com",
firstName: "Janis",
lastName: "Vandervort",
companyName: "Glover - Hermiston",
},
];
const columns = [
{ id: "id", width: 50 },
{
id: "city",
width: 100,
header: "City",
footer: "City",
},
{
id: "firstName",
header: "First Name",
footer: "First Name",
width: 150,
},
{
id: "lastName",
header: "Last Name",
footer: "Last Name",
width: 150,
},
{
id: "email",
header: "Email",
footer: "Email",
},
{
id: "companyName",
header: "Company",
footer: "Company",
},
];
return (
<Grid data={data} columns={columns} />
);
}
export default App`