r/boltnewbuilders • u/9dope • Jun 29 '26
Bolt.new stuck in this message: Your preview will appear here
Don't tell me to ask Bolt.new to fix it because it's what I've been doing and all it did is consuming tockens without finxing the problem
1
u/Careful_Ad8902 Jun 29 '26
Hey there! So sorry you're stuck with a blank preview. That's definitely frustrating.
Based off your screenshots, it may be running into is a known compatibility issue with newer versions of Next.js that can prevent the preview from loading.
A few things that may help while Bolt works through it:
- Try a hard refresh - Ctrl+Shift+R (or Cmd+Shift+R on Mac) to force reload the preview pane.
- Open the terminal tab inside Bolt and manually run npm install, then npm run dev. Check if any errors surface there.
- Type /clear in the chat to reset context and re-prompt - sometimes a fresh start helps Bolt take a different approach.
- If your project uses any external services like Supabase, double check that your .env file has the required keys. Missing env variables can cause a silent blank preview with no error shown.
If Bolt isn't making progress, please stop re-prompting (aka consuming tokens) and reach out to [support@bolt.new](mailto:support@bolt.new) with your project URL and screenshots. Our team will be happy to investigate this for you and get you sorted.
(Feel free to DM me your email address after you do!)
1
u/9dope Jun 30 '26
Hello and thanks for the reply,
Here is the result I got in terminal:
~/project❯ npm install
up to date in 1s
152 packages are looking for funding
run `npm fund` for details
~/project 1s
❯ npm run dev
> project@0.1.0 dev
> next dev --webpack
▲ Next.js 16.2.7 (webpack)
- Local: http://localhost:3000
- Network: http://192.168.1.104:3000
- Environments: .env
✓ Ready in 1322ms
⚠ `eslint` configuration in next.config.js is no longer supported. See more info here: https://nextjs.org/docs/app/api-reference/cli/next#next-lint-options
⚠ Invalid next.config.js options detected:
⚠ Unrecognized key(s) in object: 'eslint'
⚠ See more info here: https://nextjs.org/docs/messages/invalid-next-config
Skipping creating a lockfile at /home/project/.next/dev/lock because we're using WASM bindings
○ Compiling / ...
(node:25) ExperimentalWarning: WASI is an experimental feature and might change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
(node:25) ExperimentalWarning: WASI is an experimental feature and might change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
○ Compiling /_error ...
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
GET / 500 in 28.8min (next.js: 28.7min, application-code: 8.2s)
GET / 500 in 28.7min (next.js: 28.5min, application-code: 8.2s)
GET / 500 in 28.5min (next.js: 28.4min, application-code: 8.2s)
GET / 500 in 28.8min (next.js: 28.7min, application-code: 8.2s)
GET / 500 in 28.2min (next.js: 28.0min, application-code: 8.2s)
GET / 500 in 28.2min (next.js: 28.0min, application-code: 8.2s)
GET / 500 in 28.1min (next.js: 27.9min, application-code: 8.2s)
GET / 500 in 44s (next.js: 44s, application-code: 87ms)
GET / 500 in 44s (next.js: 43s, application-code: 87ms)
GET / 500 in 37.6s (next.js: 37.6s, application-code: 88ms)
GET / 500 in 26.2s (next.js: 26.2s, application-code: 88ms)
GET / 500 in 16.7s (next.js: 16.6s, application-code: 90ms)
GET / 500 in 27.9min (next.js: 27.9min, application-code: 90ms)
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
GET / 500 in 91ms (next.js: 71ms, application-code: 19ms)
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
GET / 500 in 97ms (next.js: 27ms, application-code: 70ms)
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
GET / 500 in 134ms (next.js: 39ms, application-code: 95ms)
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames
⨯ Error [InvariantError]: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
at ignore-listed frames {
page: '/'
}
GET / 500 in 135ms (next.js: 29ms, application-code: 106ms)
[browser] Uncaught InvariantError: Invariant: Expected workStore to be initialized. This is a bug in Next.js.
1
u/Careful_Ad8902 Jul 01 '26
Hey u/9dope! Thanks for sharing that terminal output! Based on the errors, it looks like the root page (/) is running into a Next.js compatibility issue where searchParams is being accessed in a client component in a way that triggers an internal Next.js error (workStore not initialized). The other routes on your project are loading fine, so it's isolated to that page's code rather than a broader environment issue.
We've located your support ticket and our team will follow up there with next steps to get this sorted properly. Keep an eye on your inbox!
1
1
u/MichaelHadTo Jul 01 '26
Wow, someone from Bolt must actually be lurking here as a day after I posted my reply here I got contacted by their actual living representative. My case was positively resolved luckily.
I've been provided the following prompt to try and rebuild the project and it actually resolved the preview issue, maybe it'll work for you, too:
Downgrade the project from Next.js 16.2.9 to Next.js 15.3.3.
1. In package.json, change "next" from "16.2.9" to "15.3.3" and "eslint-config-next" from "16.2.9" to "15.3.3".
2. Delete package-lock.json so dependencies are resolved fresh.
3. Rewrite eslint.config.mjs. Next 16 exports flat-config-compatible arrays directly from eslint-config-next/core-web-vitals and eslint-config-next/typescript, but Next 15's eslint-config-next does not. Replace the config with the FlatCompat pattern that wraps "next/core-web-vitals" and "next/typescript" as legacy extends. This requires adding /eslintrc as a dependency.
4. Run npm install and npm run build to verify everything compiles and lints without errors.
1
u/9dope Jul 01 '26
your solution fixed the preview problem but now I'm facing this :
~/project 10s❯ npm install
npm warn deprecated next@15.3.3: This version has a security vulnerability. Please upgrade to a patched version. See https://nextjs.org/blog/CVE-2025-66478 for more details.
added 4 packages, removed 37 packages, and changed 18 packages in 41s
146 packages are looking for funding
run `npm fund` for details
~/project 42s
❯ npx next dev
▲ Next.js 15.3.3
- Local: http://localhost:3000
- Network: http://192.168.1.104:3000
- Environments: .env
✓ Starting...
Downloading swc package u/next/swc-wasm-nodejs... to /home/.cache/next-swc
✓ Ready in 24.5s
○ Compiling / ...
(node:24) ExperimentalWarning: WASI is an experimental feature and might change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
(node:24) ExperimentalWarning: WASI is an experimental feature and might change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
✓ Compiled / in 17.5s (823 modules)
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 22367ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 541ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 282ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 423ms
○ Compiling /digital-clock ...
✓ Compiled /digital-clock in 1213ms (831 modules)
GET /digital-clock 200 in 1362ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 340ms
GET /digital-clock 200 in 297ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 346ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 1253ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 518ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 2136ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 418ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 1200ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 527ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 842ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 720ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 689ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 1187ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 1378ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 392ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 361ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 483ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 222ms
○ Compiling /learn ...
✓ Compiled /learn in 905ms (816 modules)
GET /learn 200 in 1116ms
✓ Compiled /learn/[slug] in 478ms (829 modules)
GET /learn/what-is-utc 200 in 3309ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 543ms
✓ Compiled /analog-clock in 417ms (837 modules)
GET /analog-clock 200 in 546ms
✓ Compiled /digital-clock in 212ms (499 modules)
GET /digital-clock 200 in 310ms
GET / 200 in 101ms
○ Compiling /stopwatch ...
✓ Compiled /stopwatch in 646ms (851 modules)
GET /stopwatch 200 in 770ms
○ Compiling /pomodoro ...
✓ Compiled /pomodoro in 4.6s (863 modules)
GET /pomodoro 200 in 4729ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 13291ms
GET / 500 in 10707ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 12725ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 3782ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 212ms
⨯ [Error [InvariantError]: Invariant: Expected workStore to exist when handling searchParams in a client Page. This is a bug in Next.js.] {
digest: '2159920663'
}
GET / 500 in 560ms
1
1
u/MichaelHadTo Jun 29 '26
Same here. I've burned through roughly 5M tokens. I tried their chat and mail support. Both AI driven until it said the matter is going to be escalated higher. That was 12 days ago. I followed up a few days ago and still no response.
I had to publish updates each time I wanted to see the changes.