test

src/components/Nav/Snackbar.tsx

@@ -4,6 +4,7 @@ import styles from './Snackbar.module.scss'
 import { Transition } from 'solid-transition-group'
 import { clsx } from 'clsx'
 import { Icon } from '../_shared/Icon'
+import { isServer } from 'solid-js/web'
 
 export const Snackbar = () => {
   const { snackbarMessage } = useSnackbar()
@@ -15,20 +16,22 @@ export const Snackbar = () => {
         [styles.success]: snackbarMessage()?.type === 'success'
       })}
     >
-      <Transition
+      {!isServer && (
-        enterClass={styles.enter}
+        <Transition
-        exitToClass={styles.exitTo}
+          enterClass={styles.enter}
-        onExit={(el, done) => setTimeout(() => done(), 300)}
+          exitToClass={styles.exitTo}
-      >
+          onExit={(el, done) => setTimeout(() => done(), 300)}
-        <Show when={snackbarMessage()}>
+        >
-          <div class={styles.content}>
+          <Show when={snackbarMessage()}>
-            <Show when={snackbarMessage()?.type === 'success'}>
+            <div class={styles.content}>
-              <Icon name="check-success" class={styles.icon} />
+              <Show when={snackbarMessage()?.type === 'success'}>
-            </Show>
+                <Icon name="check-success" class={styles.icon} />
-            {snackbarMessage().body}
+              </Show>
-          </div>
+              {snackbarMessage().body}
-        </Show>
+            </div>
-      </Transition>
+          </Show>
+        </Transition>
+      )}
     </div>
   )
 }