Estoy haciendo una aplicación CRUD para reaccionar Usando el diseño de hormigas, estoy usando axios para obtener datos del servidor nodejs

Aquí está el código de la tabla

 <Table columns={columns} dataSource={dataSource} />

aquí está el useState donde estoy guardando mis datos

 const [dataSource,SetDataSource] = useState([])

aquí está el useEffect para obtener datos

 useEffect(() => { const load = async () => { try { const res = await fetch('http://localhost:4000/stock/list') const myData = await res.json(); const check = myData.data; console.log(check) SetDataSource(check) console.log(dataSource) // console.log(myData.data) // console.log(allItems); } catch (error) { console.log(error) } } load() }, [] )

aquí hay columnas usando en mi tabla

 const columns = [ { title: 'Item Name', dataIndex: 'name', key: '1', render: text => <a>{text}</a>, }, { title: 'Category', dataIndex: 'Category', key: '2', }, { title: 'Item Price', dataIndex: 'Item_Price', key: '3', }, { title: 'Item Amount', dataIndex: 'Item_Amount', key: '4', }, { title: 'Action', key: '5', render: (record) => { return( <> <EditOutlined onClick={()=>{ onEditItems(record) }}/> <DeleteOutlined onClick={()=>{ onDeleteItems(record) }} style={{color:"red", marginLeft:12}}/> </> ); } }, ];

aquí hay elementos que se muestran en el registro de mi consola

aquí está mi pantalla donde tengo que mostrar mis registros