Is there way to run mantine with Deno web framework ultra? #4944

d9k · 2023-10-02T04:05:46Z

d9k
Oct 2, 2023

What package has an issue

@mantine/core

Describe the bug

Tried to run mantine with ultra Deno web framework.

When I tried to add <MantineProvider> I've got an error:

TypeError: Cannot read properties of null (reading 'useContext')          at n.useContext (https://esm.sh/stable/react@18.2.0/denonext/react.mjs:2:6234)
    at _r (https://esm.sh/v132/@mantine/styles@6.0.21/denonext/styles.mjs:2:18339)        at renderWithHooks (https://esm.sh/v132/react-dom@18.2.0/denonext/server.developme
nt.js:9780:24)                                                                            at renderIndeterminateComponent (https://esm.sh/v132/react-dom@18.2.0/denonext/ser
ver.development.js:9837:23)                                                               at renderElement (https://esm.sh/v132/react-dom@18.2.0/denonext/server.development
.js:9997:15)                                                                              at renderNodeDestructiveImpl (https://esm.sh/v132/react-dom@18.2.0/denonext/server
.development.js:10102:17)
    at renderNodeDestructive (https://esm.sh/v132/react-dom@18.2.0/denonext/server.dev
elopment.js:10082:22)
    at renderContextProvider (https://esm.sh/v132/react-dom@18.2.0/denonext/server.dev
elopment.js:9974:11
    at renderElement (https://esm.sh/v132/react-dom@18.2.0/denonext/server.development
.js:10041:17)
    at renderNodeDestructiveImpl (https://esm.sh/v132/react-dom@18.2.0/denonext/server
.development.js:10102:17)

importMap.json:

{
  "imports": {
    "@mantine/core": "https://esm.sh/@mantine/core@6.0.21",
    "@mantine/hooks": "https://esm.sh/@mantine/hooks@6.0.21",
    "react": "https://esm.sh/react@18.2.0?dev",
    "react/": "https://esm.sh/react@18.2.0/",
    "react-dom": "https://esm.sh/react-dom@18.2.0",
    "react-dom/server": "https://esm.sh/react-dom@18.2.0/server?dev",
    "react-dom/client": "https://esm.sh/react-dom@18.2.0/client?dev",
    "wouter": "https://esm.sh/wouter@2.9.2?external=react",
    "wouter/static-location": "https://esm.sh/wouter@2.9.2/static-location?external=react",
    "@tanstack/react-query": "https://esm.sh/@tanstack/react-query@4.2.3?external=react",
    "react-helmet-async": "https://esm.sh/react-helmet-async@1.3.0?external=react",
    "ultra/": "https://deno.land/x/ultra@v2.3.8/"
  }
}

import { MantineProvider } from '@mantine/core';

// . . . .

<body>
  <MantineProvider>
  
// . . . . .

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

6.0.21

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

rtivital · 2023-10-02T04:57:02Z

rtivital
Oct 2, 2023
Maintainer

Mantine is a React components library. If the framework supports React, then you can use Mantine with it. If React is not supported, then Mantine is not supported as well.

3 replies

d9k Oct 2, 2023
Author

Seems official Ultra project generator can only generate projects with React support (no vanilla
js or vue).

rtivital Oct 2, 2023
Maintainer

Then install and use Mantine, what is the issue?

d9k Oct 3, 2023
Author

@rtivital, the bug was described above.

@mashaal helped me at exhibitionist-digital/ultra#276.
I had to change mantine imports in importMap.json, add ?external=react:

    "@mantine/core": "https://esm.sh/@mantine/core@6.0.21?external=react",

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Mantine

Is there way to run mantine with Deno web framework ultra? #4944

{{title}}

Replies: 1 comment 3 replies

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

Mantine

Is there way to run mantine with Deno web framework ultra? #4944

d9k Oct 2, 2023

What package has an issue

Describe the bug

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

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

Do you know how to fix the issue

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

Possible fix

Replies: 1 comment · 3 replies

rtivital Oct 2, 2023 Maintainer

d9k Oct 2, 2023 Author

rtivital Oct 2, 2023 Maintainer

d9k Oct 3, 2023 Author

d9k
Oct 2, 2023

Replies: 1 comment 3 replies

rtivital
Oct 2, 2023
Maintainer

d9k Oct 2, 2023
Author

rtivital Oct 2, 2023
Maintainer

d9k Oct 3, 2023
Author