I followed the instructions in your read me making sure to add my userbase App ID in the .env file. The home page is working but when I try to view the login page, I get the following error...
×
Unhandled Rejection (AppIdMustBeString): Application ID must be a string.
▼ 3 stack frames were expanded.
setAppId
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/userbase-js/lib/config.js:22
configure
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/userbase-js/lib/config.js:30
init
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/userbase-js/lib/auth.js:460
▲ 3 stack frames were expanded.
PublicRoute.componentDidMount
C:/Users/Owner/_DevSandbox/userbase-gatsby/src/components/auth/public-route/index.tsx:24
21 |
22 | componentDidMount() {
23 | // Check the user's session and set the state.
> 24 | userbase.init({ appId: process.env.GATSBY_REACT_APP_USERBASE_APP_ID as string })
25 | .then(session => {
26 | this.setState((state) => {
27 | return {
View compiled
▼ 21 stack frames were expanded.
PublicRoute.componentDidMount
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-hot-loader/dist/react-hot-loader.development.js:704
commitLifeCycles
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:19814
commitLayoutEffects
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:22803
HTMLUnknownElement.callCallback
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:188
invokeGuardedCallbackDev
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:237
invokeGuardedCallback
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:292
commitRootImpl
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:22541
unstable_runWithPriority
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/node_modules/scheduler/cjs/scheduler.development.js:653
runWithPriority$1
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:11039
commitRoot
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:22381
finishSyncRender
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:21807
performSyncWorkOnRoot
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:21793
(anonymous function)
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:11089
unstable_runWithPriority
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/node_modules/scheduler/cjs/scheduler.development.js:653
runWithPriority$1
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:11039
flushSyncCallbackQueueImpl
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:11084
flushSyncCallbackQueue
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:11072
scheduleUpdateOnFiber
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:21199
enqueueSetState
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react-dom/cjs/react-dom.development.js:12639
LocationProvider../node_modules/react/cjs/react.development.js.Component.setState
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/react/cjs/react.development.js:471
(anonymous function)
C:/Users/Owner/_DevSandbox/userbase-gatsby/node_modules/@reach/router/es/index.js:103
▲ 21 stack frames were expanded.
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.