variablelab/theatre
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Show more helpful warnings in SSR mode

Browse source
This commit is contained in:
Aria Minaei 2022-09-17 19:14:07 +02:00 committed by Aria
parent 3c9481f1b7
commit 5bb4fc9340
1 changed files with 15 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
theatre/core/src/projects/Project.ts
View file

@ -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)
}