Update useScript

Author: benadam11

index.js

@@ -1402,8 +1402,6 @@ export function useSessionStorage(key, initialValue) {
   return [localState, handleSetState];
 }
 
-const cachedScriptStatuses = {};
-
 export function useScript(src, options = {}) {
   const [status, setStatus] = React.useState(() => {
     if (!src) {
@@ -1413,12 +1411,14 @@ export function useScript(src, options = {}) {
     return "loading";
   });
 
+  const cachedScriptStatuses = React.useRef({});
+
   React.useEffect(() => {
     if (!src) {
       return;
     }
 
-    const cachedScriptStatus = cachedScriptStatuses[src];
+    const cachedScriptStatus = cachedScriptStatuses.current[src];
     if (cachedScriptStatus === "ready" || cachedScriptStatus === "error") {
       setStatus(cachedScriptStatus);
       return;
@@ -1452,7 +1452,7 @@ export function useScript(src, options = {}) {
     const setStateFromEvent = (event) => {
       const newStatus = event.type === "load" ? "ready" : "error";
       setStatus(newStatus);
-      cachedScriptStatuses[src] = newStatus;
+      cachedScriptStatuses.current[src] = newStatus;
     };
 
     script.addEventListener("load", setStateFromEvent);