Remix: Named import of ColorSchemeScript throws an error

[majidmadadi]

What package has an issue

@mantine/core

Describe the bug

I followed the documentation to create a remix typescript app and I came across the following error:

import { ColorSchemeScript, MantineProvider } from "@mantine/core";
         ^^^^^^^^^^^^^^^^^
    SyntaxError: Named export 'ColorSchemeScript' not found. The requested module '@mantine/core' is a CommonJS module, which may 
    not support all module.exports as named exports.
    CommonJS modules can always be imported via the default export, for example using:
    
    import pkg from '@mantine/core';
    const { ColorSchemeScript, MantineProvider } = pkg;

    at ModuleJob._instantiate (node:internal/modules/esm/module_job:124:21)
    at ModuleJob.run (node:internal/modules/esm/module_job:190:5)

What version of @mantine/* page do you have in package.json? (Note that all @mantine/* packages must have the same version in order to work correctly)

7.0.0

If possible, please include a link to a codesandbox with the reproduced problem

No response

Do you know how to fix the issue

None

Are you willing to participate in fixing this issue and create a pull request with the fix

None

Possible fix

No response

[NikolaGrgic]

I'm experiencing the same issue using Mantine with Remix.

[KubaJastrz]

It looks like @mantine/* packages are incorrectly configured

https://publint.dev/@mantine/[email protected]
https://publint.dev/@mantine/[email protected]
https://publint.dev/@mantine/[email protected]
https://publint.dev/@mantine/[email protected]

./esm/index.js is written in ESM, but is interpreted as CJS. Consider using the .mjs extension, e.g. ./esm/index.mjs (More info)

[CGuiho]

I am experiencing the same issue since mantine v7 beta with remix v1.19.x!
Back with remix v1.19.x the workaround was to remove the "type": "module" from the package.json.

Now in remix v2 this workaround no longer works.

[rtivital]

The issue will be fixed in next patch, you can view the PR of the updated application here – mantinedev/remix-template#11

[rtivital]

The issue is resolved in 7.0.1