React hot toast: useState reading properties of null – Reactjs

I’m trying to use react-hot-toast library in my project.
Following the Getting Started guide on their NPM site I’ve:

• installed the library,
• imported toast and Toaster,
• added notify function,
• added the div with button and Toaster.

import toast, { Toaster } from 'react-hot-toast';

const notify = () => toast('Here is your toast.');

const App = () => {
  return (
    <div>
      <button onClick={notify}>Make me a toast</button>
      <Toaster />
    </div>
  );
};

After running my app I get this error. Commenting out the Toaster makes the error go away, but then the toasts don’t work (obviously…).

I’ve tried:

• explicitly specifying toastOptions -> same error,
• moving the Toaster to other parts of app (index.jsx, app.jsx) -> same error,
• using different library (react-toastify) -> same behaviour, but with useReducer error. Toastify also doesn’t show the error after commenting out ToastContainer (equivalent to Toaster).

I’m most concerned about the last point, which makes it pretty obvious, that the problem is something in my app structure. But this is my first project in react and I’m not sure how to approach resolving it.

One last additional info that could be relevant: I’ve installed several libraries to this project (fullcalendar, momentjs…). They all work fine. I’ve tried to install three new during last 7 days (react-hot-toast, react-toastify, i18n). None of them work because of useState/useReducer errors.

Thanks for any help or tips.