Add memoization to useBackground

src/useBackground.tsx

@@ -47,9 +47,10 @@ const useBackground = ({
     setBackground(generateBackground());
   };
 
+  const noise = useMemo(() => {
     const svgWidth = Math.ceil((width ?? 1920) * ratio);
     const svgHeight = Math.ceil((height ?? 1080) * ratio);
-  const noise = (
+    return (
       <svg
         viewBox={`0 0 ${svgWidth} ${svgHeight}`}
         xmlns="http://www.w3.org/2000/svg"
@@ -68,6 +69,7 @@ const useBackground = ({
         </g>
       </svg>
     );
+  }, [width, height, ratio]);
 
   return {
     regenerate,