You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Followed the installation steps and tried the basic example from the Getting Started page on a Remix application and got this importing issue upon start:
Error: Directory import '/tmp/test-react-tables/node_modules/@table-library/react-table-library/compact' is not supported resolving ES modules imported from /tmp/test-react-tables/build/index.js
Did you mean to import @table-library+react-table-library@4.1.7_@emotion+react@11.11.3_react-dom@18.2.0_react@18.2.0/node_modules/@table-library/react-table-library/compact.js?
at finalizeResolution (node:internal/modules/esm/resolve:258:11)
at moduleResolve (node:internal/modules/esm/resolve:917:10)
at defaultResolve (node:internal/modules/esm/resolve:1130:11)
at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:396:12)
at ModuleLoader.resolve (node:internal/modules/esm/loader:365:25)
at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:38)
at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:85:39)
at link (node:internal/modules/esm/module_job:84:36)
Versions
"@table-library/react-table-library": "^4.1.7"
"react": "^18.2.0",
"react-dom": "^18.2.0"
"@emotion/react": "^11.11.3"
Steps to reproduce
pnpx create-remix test-react-tables # answer "yes" to all the questions
cd test-react-tables
pnpm install @table-library/react-table-library @emotion/react
Then edit app/routes/_index.tsx and replace the sample code on the file with the example code from react-tables documentation, here's a brief adaptation:
Then start your server: pnpm dev and you'll immediately see the server crashing with the error from the beginning.
I tried changing the import to import { CompactTable } from '@table-library/react-table-library/compact.js'notice the ".js" added, and then the server started ok this time, but as you request the first page, you get a more obscure error:
TypeError: Invalid attempt to spread non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.
at nonIterableSpread (file:///tmp/test-react-tables/node_modules/.pnpm/@table-library+react-table-library@4.1.7_@emotion+react@11.11.3_react-dom@18.2.0_react@18.2.0/node_modules/@table-library/node_modules/@babel/runtime/helpers/nonIterableSpread.js:2:9)
[... more stack trace]
The text was updated successfully, but these errors were encountered:
fernandocanizo
added a commit
to fernandocanizo/checking-table-libraries-with-remix
that referenced
this issue
Feb 5, 2024
Changed the import to point to suggested file (adds '.js' extension),
now the servers starts without error, but when visiting the page we get:
```
TypeError: Invalid attempt to spread non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.
```
Reported:
table-library/react-table-library#146
Description
Followed the installation steps and tried the basic example from the Getting Started page on a Remix application and got this importing issue upon start:
Versions
Steps to reproduce
Then edit
app/routes/_index.tsx
and replace the sample code on the file with the example code from react-tables documentation, here's a brief adaptation:Then start your server:
pnpm dev
and you'll immediately see the server crashing with the error from the beginning.I tried changing the import to
import { CompactTable } from '@table-library/react-table-library/compact.js'
notice the ".js" added, and then the server started ok this time, but as you request the first page, you get a more obscure error:The text was updated successfully, but these errors were encountered: