From b67e3a6db02df433bc193903ae4e7701af2659b5 Mon Sep 17 00:00:00 2001
From: srgooglo <srgooglo@ragestudio.net>
Date: Wed, 7 Sep 2022 13:27:31 +0200
Subject: [PATCH] handle transitions behavior when not exist an
 `transitionLayer`

---
 packages/app/src/layout.jsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/layout.jsx b/packages/app/src/layout.jsx
index f5a63cff..83df825b 100644
--- a/packages/app/src/layout.jsx
+++ b/packages/app/src/layout.jsx
@@ -33,7 +33,14 @@ export default class Layout extends React.Component {
 
 			if (!app.settings.get("reduceAnimations")) {
 				// add "fade-transverse-leave" class to `transitionLayer`
-				document.getElementById("transitionLayer").classList.add("fade-transverse-leave")
+				const transitionLayer = document.getElementById("transitionLayer")
+
+				if (!transitionLayer) {
+					console.warn("transitionLayer not found, no animation will be played")
+					return
+				}
+
+				transitionLayer.classList.add("fade-transverse-leave")
 			}
 		},
 		"router.transitionFinish": () => {
@@ -41,7 +48,14 @@ export default class Layout extends React.Component {
 
 			if (!app.settings.get("reduceAnimations")) {
 				// remove "fade-transverse-leave" class to `transitionLayer`
-				document.getElementById("transitionLayer").classList.remove("fade-transverse-leave")
+				const transitionLayer = document.getElementById("transitionLayer")
+
+				if (!transitionLayer) {
+					console.warn("transitionLayer not found, no animation will be played")
+					return
+				}
+
+				transitionLayer.classList.remove("fade-transverse-leave")
 			}
 		},
 	}