Fix dashboard-credentials-request message (#35997)

GitOrigin-RevId: 30a0543273650ea75902b9a1c653377a95204b2e

Author: Nicolapps

npm-packages/dashboard-self-hosted/src/pages/_app.tsx

@@ -369,18 +369,20 @@ function useEmbeddedDashboardCredentials(
     submittedDeploymentName: string;
   }) => void,
 ) {
+  // Send a message to the parent iframe to request the credentials.
+  // This prevents race conditions where the parent iframe sends the message
+  // before the dashboard loads.
   useEffect(() => {
-    const handleMessage = (event: MessageEvent) => {
-      // Send a message to the parent iframe to request the credentials.
-      // This prevents race conditions where the parent iframe sends the message
-      // before the dashboard loads.
-      window.parent.postMessage(
-        {
-          type: "dashboard-credentials-request",
-        },
-        "*",
-      );
+    window.parent.postMessage(
+      {
+        type: "dashboard-credentials-request",
+      },
+      "*",
+    );
+  }, []);
 
+  useEffect(() => {
+    const handleMessage = (event: MessageEvent) => {
       const credentialsSchema = z.object({
         type: z.literal("dashboard-credentials"),
         adminKey: z.string(),