@mantine/emotion can not work with @mantine/notifications

[GZTimeWalker]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.9.0

What package has an issue?

@mantine/notifications, @mantine/emotion

What framework do you use?

Vite

In which browsers you can reproduce the issue?

All

Describe the bug

@mantine/emotion can not work with @mantine/notifications, I have tried:

1. This will throw Invalid hook call when use showNotification:

   <MantineProvider
     stylesTransform={emotionTransform}
   >
     <MantineEmotionProvider>
       <Notifications />
       {/*  others... */}
     </MantineEmotionProvider>
   </MantineProvider>

2. This will throw Emotion cache is not available:

   <MantineProvider
     stylesTransform={emotionTransform}
   >
     <Notifications />
     <MantineEmotionProvider>
        {/*  others... */}
     </MantineEmotionProvider>
   </MantineProvider>

3. This will also throw Emotion cache is not available:

   <MantineProvider
     stylesTransform={emotionTransform}
   >
     <MantineEmotionProvider>
        {/*  others... */}
     </MantineEmotionProvider>
     <Notifications />
   </MantineProvider>

If possible, include a link to a codesandbox with a minimal reproduction

https://codesandbox.io/p/sandbox/mantine-react-template-forked-ylfpvr

Possible fix

No response

Self-service

• I would be willing to implement a fix for this issue

[GZTimeWalker]

May I wonder when the patch will be released?

[rtivital]

Fixed in 7.9.1