From 5bb4fc93406d0e136a09ac994a8f711a0a911674 Mon Sep 17 00:00:00 2001
From: Aria Minaei <aria.minaei@gmail.com>
Date: Sat, 17 Sep 2022 19:14:07 +0200
Subject: [PATCH] Show more helpful warnings in SSR mode

---
 theatre/core/src/projects/Project.ts | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/theatre/core/src/projects/Project.ts b/theatre/core/src/projects/Project.ts
index 770b836..551f946 100644
--- a/theatre/core/src/projects/Project.ts
+++ b/theatre/core/src/projects/Project.ts
@@ -115,14 +115,21 @@ export default class Project {
     } else {
       setTimeout(() => {
         if (!this._studio) {
-          throw new Error(
-            `Argument config.state in Theatre.getProject("${id}", config) is empty. This is fine ` +
-              `while you are using @theatre/core along with @theatre/studio. But since @theatre/studio ` +
-              `is not loaded, the state of project "${id}" will be empty.\n\n` +
-              `To fix this, you need to add @theatre/studio into the bundle and export ` +
-              `the project's state. Learn how to do that at https://docs.theatrejs.com/in-depth/#exporting\n` +
-              `If you are using a framework like Next.js, this error may be caused by running Theatre on the server side.`,
-          )
+          if (typeof window === 'undefined') {
+            console.warn(
+              `Argument config.state in Theatre.getProject("${id}", config) is empty. ` +
+                `This is fine on SSR mode in development, but if you're creating a production bundle, make sure to set config.state, ` +
+                `otherwise your project's state will be empty and nothing will animate. Learn more at https://www.theatrejs.com/docs/latest/manual/projects#state`,
+            )
+          } else {
+            throw new Error(
+              `Argument config.state in Theatre.getProject("${id}", config) is empty. This is fine ` +
+                `while you are using @theatre/core along with @theatre/studio. But since @theatre/studio ` +
+                `is not loaded, the state of project "${id}" will be empty.\n\n` +
+                `To fix this, you need to add @theatre/studio into the bundle and export ` +
+                `the project's state. Learn how to do that at https://www.theatrejs.com/docs/latest/manual/projects#state\n`,
+            )
+          }
         }
       }, 1000)
     }