Estoy usando la tabla de reacción, que depende de algunos datos observables de MobX. Mi componente está envuelto con observer() y los datos de la fila de mi tabla se memorizan usando useMemo , como lo hace con la tabla de reacción. El problema es que este useMemo no reacciona a las actualizaciones de la tienda.

 const fetcher = useDataFetcher(props.selected, bookmarkStore.f.loadBare); // this loads additional row data using a mobx store action useEffect(() => { (async () => { const ids = fetcher.items.results.map((a) => a.document); await documentStore.loadIds(ids); })(); }, [fetcher.items.results]); // this doesn't get updated when new ids are loaded, affecting documentStore.docsById const bookmarks = useMemo( () => fetcher.items.results.map((bookmark) => { let docId = bookmark.document; const doc = documentStore.getDocById(docId); return { ...bookmark, document_data: doc }; }), [fetcher.items.results, documentStore.docsById // this is the dependency that doesn't do anything ] ); const data = bookmarks; // setup react-table with this data

Y no puedo eliminar la llamada useMemo porque luego la tabla de reacción se vuelve a renderizar infinitamente, bloqueando la aplicación. ¿Puedo de alguna manera deshacerme de useMemo cuando uso la tabla de reacción o hay alguna forma de que funcione esta dependencia de la tienda useMemo?