Element type Error when using with nextjs and redux-toolkit

[mohammad-reza-tajik]

hi. i'm using nextjs with redux-toolkit . i have a userAction.ts file that in it user adds an item to its cart and then receives a success notification and in that file i use toast object like this :

import toast from "react-hot-toast";


 dispatch(userActions.addToCart(productId));
 toast.success("added to your cart successfully")

and get this error :

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.