Estoy usando react-query para obtener datos en la tabla de reacción, pero cada vez que aparece el error "TypeError: Cannot read property 'forEach' of undefined". La única forma en que puedo solucionarlo es usando "datos" en la opción "datos iniciales" de consulta de reacción, ¿hay otra forma de solucionar este error?
const TableCompras = () => { const data = [ { nf: null, fornecedor: null, pagamento: null, valorTotal: null } ]; // Fetch Compras const { data: compras, error, isLoading } = useQuery( "compras", getAllCompras , { initialData: data } ); // React Table const { getTableProps, getTableBodyProps, headerGroups, page, nextPage, previousPage, canNextPage, canPreviousPage, pageOptions, prepareRow, state, setGlobalFilter } = useTable( { columns, data: compras, initialState: { pageSize: 5 } }, useGlobalFilter, useSortBy, usePagination ); }Dado que react-query obtiene datos de forma asíncrona desde algún lugar, los datos no están undefined en la primera ejecución hasta que su solicitud de red realmente devuelve los datos. Aparentemente, no puede pasar indefinido a la tabla de reacción, por lo que puede:
data: compras ?? []const { data: compras = [] } = useQuery(…)placeholderData a useQueryinitialData a useQueryisLoading devuelto por useQuery, mueva la tabla a un componente separado y no renderice ese componente mientras esté cargando (por ejemplo, renderice una rueda de carga en su lugar)