Merge branch '404-playback-frames'

charlielee · Aug 12, 2022 · e15b3bb · e15b3bb
2 parents c93a7e7 + 80a8ca3
commit e15b3bb
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/renderer/components/animator/Preview/PreviewFrame/PreviewFrame.tsx b/src/renderer/components/animator/Preview/PreviewFrame/PreviewFrame.tsx
@@ -12,13 +12,13 @@ const PreviewFrame = ({ src, hidden }: PreviewFrameProps): JSX.Element => {
   const [dimensions, setDimensions] = useState({ width: 0, height: 0 });
 
   useEffect(() => {
-    if (!canvasRef.current) {
+    const context = canvasRef.current?.getContext("2d");
+    if (!context) {
       return;
     }
 
     const image = new Image();
     image.src = src;
-    const context = canvasRef.current.getContext("2d");
     context?.drawImage(image, 0, 0);
     setDimensions({ width: image.naturalWidth, height: image.naturalHeight });
   }, [src]);