From 6e98a16895b360e541c2e63e2de2757b6b8660bc Mon Sep 17 00:00:00 2001
From: Morten Olsen <hello@buy-me.coffee>
Date: Wed, 30 Mar 2022 16:10:26 +0200
Subject: [PATCH] update

---
 src/components/hero/background.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/hero/background.tsx b/src/components/hero/background.tsx
index 3a1ba27..2851a41 100644
--- a/src/components/hero/background.tsx
+++ b/src/components/hero/background.tsx
@@ -1,4 +1,4 @@
-import React, { Suspense, useMemo, useRef, useState } from 'react';
+import React, { Suspense, useMemo, useRef, useState, useEffect } from 'react';
 import { Canvas, useFrame, useLoader } from '@react-three/fiber';
 import { Clock, Euler, Vector3 } from 'three';
 import { TextureLoader } from 'three/src/loaders/TextureLoader'
@@ -36,11 +36,18 @@ const Cloud = ({ texture }) => {
   const ref = useRef<any>();
   const width = window.innerWidth / 2;
   const height = window.innerHeight / 2;
+  const [ready, setReady] = useState(false);
 
   useFrame(() => {
-    if (!ref.current) return;
+    if (!ref.current || !ready) return;
     ref.current.rotation.z -= 0.003;
   });
+  
+  useEffect(() => {
+    setTimeout(() => {
+      setReady(true);
+    }, 500)
+  }, []);
 
   return (
     <mesh