fix(sdk): put a bandage on the flashing error on static question in strict mode (#49659) (#49704)

Co-authored-by: Nicolò Pretto <info@npretto.com>

enterprise/frontend/src/embedding-sdk/hooks/private/use-load-static-question.ts

-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 
 import { loadStaticQuestion } from "embedding-sdk/lib/load-static-question";
 import type { GenericErrorResponse } from "metabase/lib/errors";
@@ -17,6 +17,17 @@ export function useLoadStaticQuestion(
   questionId: number | null,
   parameterValues?: Record<string, string | number>,
 ) {
+  // This is a hack around strict mode calling the useEffect twice ->
+  // the first request is being cancelled and we render a error state for a few renders
+  // This needs to start at true, it needs to bypass the double use effect of strict mode
+  // See https://github.com/metabase/metabase/issues/49620 for more details on the issue
+  const isMounted = useRef(true);
+  useEffect(() => {
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+
   const [questionState, setQuestionState] = useState<QuestionState>({
     loading: false,
     card: null,
@@ -56,6 +67,10 @@ export function useLoadStaticQuestion(
           error: null,
         });
       } catch (error) {
+        if (!isMounted.current) {
+          return;
+        }
+
         if (typeof error === "object") {
           setQuestionState({
             result: null,