Toast not working anymore

After having several issues with framer-motion, I have solved this by upgrading webpack and @chakra-ui. However, now neither useToast() nor createStandaloneToast() is working anymore.

I’m really not sure what is going on here but I’m getting the well known error message:

Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.
ToastManager

I did experiment a bit with different versions of framer-motion (I could solve a similar issue before with downgrading to v5.6.0) but now no luck.

An help more then appreciated! Thanks! 🙌

Versions:

• @chakra-ui/react: 1.8.8
• framer-motion: 6.2.9
• webpack: 5.72.0
• react-dom: 17.0.2
• react: 17.0.2
• react-scripts: 5.0.0
• @craco/craco: 6.4.3

[ekrokowski]

This could happen if you use

import { ChakraProvider } from '@chakra-ui/provider';

instead of

import { ChakraProvider } from '@chakra-ui/react';

Only the ChakraProvider from @chakra-ui/react automatically renders the ToastProvider.

[Ohtico]

Hola de un momento a otro dejo de salir los toast en mi proyecto alguien podría ayudarme?