Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Seems like MaterialTable is not compatible with ES Modules #834

Open
jackbravo opened this issue Feb 13, 2024 · 2 comments
Open

Seems like MaterialTable is not compatible with ES Modules #834

jackbravo opened this issue Feb 13, 2024 · 2 comments
Labels
wontfix This will not be worked on

Comments

@jackbravo
Copy link

Guidelines

  • Please include a demo of the issue/behavior/question you have

https://github.com/jackbravo/material-table-esm-demo

npm install
npm run dev

and navigate to /material-table

  • Please try to be as detailed as possible

If you change to cjs it works ok, but when you switch to esm it gives this error on the browser:

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
    at renderElement (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6109:9)
    at renderNodeDestructiveImpl (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)

And this one on the remix server console:

Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.

Check your code at material-table.tsx:35.
    at BasicTable
    at RenderedRoute (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-router/dist/umd/react-router.development.js:520:7)
    at Outlet (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-router/dist/umd/react-router.development.js:1123:28)
    at body
    at html
    at App
    at RenderedRoute (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-router/dist/umd/react-router.development.js:520:7)
    at RenderErrorBoundary (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-router/dist/umd/react-router.development.js:467:7)
    at DataRoutes (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-router-dom/server.js:130:3)
    at Router (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-router/dist/umd/react-router.development.js:1144:17)
    at StaticRouterProvider (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-router-dom/server.js:67:3)
    at RemixErrorBoundary (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/@remix-run/react/dist/errorBoundaries.js:40:5)
    at RemixServer (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/@remix-run/react/dist/server.js:47:3)
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
    at renderElement (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6109:9)
    at renderNodeDestructiveImpl (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
    at renderNodeDestructive (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderIndeterminateComponent (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:5851:7)
    at renderElement (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6012:7)
    at renderNodeDestructiveImpl (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
    at renderNodeDestructive (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderContextProvider (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:5986:3)
    at renderElement (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6083:11)
    at renderNodeDestructiveImpl (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
    at renderElement (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6109:9)
    at renderNodeDestructiveImpl (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
    at renderNodeDestructive (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderIndeterminateComponent (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:5851:7)
    at renderElement (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6012:7)
    at renderNodeDestructiveImpl (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
    at renderNodeDestructive (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderContextProvider (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:5986:3)
    at renderElement (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6083:11)
    at renderNodeDestructiveImpl (/Users/joaquin.bravo/Documents/wizeline/material-table-esm-demo/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
GET /material-table 500 - - 19.646 ms
@Domino987
Copy link
Contributor

Do you have a solution for this problem?

Copy link

stale bot commented Jun 26, 2024

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You can reopen it if it required.

@stale stale bot added the wontfix This will not be worked on label Jun 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
wontfix This will not be worked on
Projects
None yet
Development

No branches or pull requests

2 participants