fix: additional checks

Author: smgv

ui/pages/onboarding-flow/creation-successful/wallet-ready-animation.tsx

@@ -56,7 +56,7 @@ export default function WalletReadyAnimation() {
 
   // Trigger the animation start when rive is loaded
   useEffect(() => {
-    if (rive && isWasmReady && !bufferLoading) {
+    if (rive && isWasmReady && !bufferLoading && buffer) {
       console.log('rive is loaded', rive);
       const inputs = rive.stateMachineInputs('OnboardingLoader');
       if (inputs) {
@@ -76,11 +76,13 @@ export default function WalletReadyAnimation() {
         rive.play();
       }
     }
-  }, [rive, theme, isWasmReady, bufferLoading]);
+  }, [rive, theme, isWasmReady, bufferLoading, buffer]);
 
-  // Don't render Rive component until WASM is ready to avoid "source file required" error
+  // Don't render Rive component until WASM and buffer are ready to avoid errors
   if (
     !isWasmReady ||
+    bufferLoading ||
+    !buffer ||
     status === 'loading' ||
     isTestEnvironment ||
     status === 'failed'

ui/pages/onboarding-flow/welcome/fox-appear-animation.tsx

@@ -66,7 +66,7 @@ export default function FoxAppearAnimation({
 
   // Trigger the animation start when rive is loaded and WASM is ready
   useEffect(() => {
-    if (rive && isWasmReady && !bufferLoading) {
+    if (rive && isWasmReady && !bufferLoading && buffer) {
       // Get the state machine inputs
       const inputs = rive.stateMachineInputs('FoxRaiseUp');
 
@@ -100,11 +100,13 @@ export default function FoxAppearAnimation({
         rive.play();
       }
     }
-  }, [rive, isLoader, isWasmReady, skipTransition, bufferLoading]);
+  }, [rive, isLoader, isWasmReady, skipTransition, bufferLoading, buffer]);
 
   // Don't render Rive component until ready or if loading/failed
   if (
     !isWasmReady ||
+    bufferLoading ||
+    !buffer ||
     status === 'loading' ||
     status === 'failed' ||
     isTestEnvironment

ui/pages/onboarding-flow/welcome/metamask-wordmark-animation.tsx

@@ -90,7 +90,7 @@ export default function MetamaskWordMarkAnimation({
 
   // Trigger the animation start when rive is loaded and WASM is ready
   useEffect(() => {
-    if (rive && isWasmReady && !bufferLoading) {
+    if (rive && isWasmReady && !bufferLoading && buffer) {
       // Get the state machine inputs
       const inputs = rive.stateMachineInputs('WordmarkBuildUp');
 
@@ -124,11 +124,13 @@ export default function MetamaskWordMarkAnimation({
         clearTimeout(animationTimeoutRef.current);
       }
     };
-  }, [rive, theme, isWasmReady, skipTransition, bufferLoading]);
+  }, [rive, theme, isWasmReady, skipTransition, bufferLoading, buffer]);
 
   // Don't render Rive component until ready or if loading/failed
   if (
     !isWasmReady ||
+    bufferLoading ||
+    !buffer ||
     isTestEnvironment ||
     status === 'loading' ||
     status === 'failed'