From 1bf7ff8994356daa8a94c7ec94de064aabbf932c Mon Sep 17 00:00:00 2001
From: nurjinn jafar <nurjin.jafar@nordeck.net>
Date: Tue, 1 Dec 2020 17:15:02 +0100
Subject: [PATCH] null check added path to confetti fixed after refactoring

---
 src/components/views/elements/EffectsOverlay.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/views/elements/EffectsOverlay.tsx b/src/components/views/elements/EffectsOverlay.tsx
index 4c6a3c06ae..0bffaf526f 100644
--- a/src/components/views/elements/EffectsOverlay.tsx
+++ b/src/components/views/elements/EffectsOverlay.tsx
@@ -34,11 +34,11 @@ const EffectsOverlay: FunctionComponent<EffectsOverlayProps> = ({ roomWidth }) =
         if (effect === null) {
             const options = CHAT_EFFECTS.find((e) => e.command === name)?.options
             try {
-                const { default: Effect }: { default: ICanvasEffectConstructable } = await import(`./${name}`);
+                const { default: Effect }: { default: ICanvasEffectConstructable } = await import(`../../../effects/${name}`);
                 effect = new Effect(options);
                 effectsRef.current[name] = effect;
             } catch (err) {
-                console.warn('Unable to load effect module at \'./${name}\'.', err)
+                console.warn('Unable to load effect module at \'../../../effects/${name}\'.', err)
             }
         }
         return effect;
@@ -46,7 +46,9 @@ const EffectsOverlay: FunctionComponent<EffectsOverlayProps> = ({ roomWidth }) =
 
     useEffect(() => {
         const resize = () => {
-            canvasRef.current.height = window.innerHeight;
+            if (canvasRef.current) {
+                canvasRef.current.height = window.innerHeight;
+            }
         };
         const onAction = (payload: { action: string }) => {
             const actionPrefix = 'effects.';