xevion/grain
1
0
Fork 0
mirror of https://github.com/Xevion/grain.git synced 2025-12-06 21:15:15 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add memoization to useBackground

Browse Source
This commit is contained in:
Xevion
2022-11-25 00:16:38 -06:00
parent df4193e94c
commit e6d30c291b
1 changed files with 23 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/useBackground.tsx
View File

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