Fix race condition in backwards compatible way

Co-Authored-By: Jared Luxenberg <jared@jaredlux.com>

Author: timolins

src/core/store.ts

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useState, useRef } from 'react';
 import { DefaultToastOptions, Toast, ToastType } from './types';
 
 const TOAST_LIMIT = 20;
@@ -143,15 +143,21 @@ export const defaultTimeouts: {
 
 export const useStore = (toastOptions: DefaultToastOptions = {}): State => {
   const [state, setState] = useState<State>(memoryState);
+  const initial = useRef(memoryState);
+
+  // TODO: Switch to useSyncExternalStore when targeting React 18+
   useEffect(() => {
+    if (initial.current !== memoryState) {
+      setState(memoryState);
+    }
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
       if (index > -1) {
         listeners.splice(index, 1);
       }
     };
-  }, [state]);
+  }, []);
 
   const mergedToasts = state.toasts.map((t) => ({
     ...toastOptions,