nutlope / roomgpt Goto Github PK

Hi @Nutlope ,

Have you done transfer learning in the Controlnet model?? Or did you use the trained model? Can you give information about the model?

There are continue return "WebSocket connection failed to call." error in debug panel:
websocket.js?a9be:60 WebSocket connection to 'wss://domain.comm/_next/webpack-hmr' failed

it does not happen in localhost

Following generations do not appear. using Firefox.

Try to follow the guide to install, but block in "Auth setup" step #2 "Add DB URL and SHADOW DB URL from Neon"
Can help to clarify where can find the DB URL and SHADOW DB URL from Neon?

Here you can see a preview of the error:

run into error in local mode

SyntaxError: Unexpected token '?'

I have filled .example.env
and also created a rootgpt.env
with correct replicate token. But I run into the following error. Can you please let me know how to fix this issue?

Thank you very much in advance!

npm run dev

dev
next dev

/home/abc/roomGPT/node_modules/next/dist/cli/next-dev.js:344
showAll: args["--show-all"] ?? false,
^

SyntaxError: Unexpected token '?'
at wrapSafe (internal/modules/cjs/loader.js:915:16)
at Module._compile (internal/modules/cjs/loader.js:963:27)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
at Module.load (internal/modules/cjs/loader.js:863:32)
at Function.Module._load (internal/modules/cjs/loader.js:708:14)
at Module.require (internal/modules/cjs/loader.js:887:19)
at require (internal/modules/cjs/helpers.js:74:18)
at Object.dev (/home/abc/roomGPT/node_modules/next/dist/lib/commands.js:10:30)
at Object. (/home/abc/roomGPT/node_modules/next/dist/bin/next:141:28)
at Module._compile (internal/modules/cjs/loader.js:999:30)

Why is "GPT" in this project's name? This project appears to use a controlled diffusion model (via API request). Is it also making a call to a generative pre-trained transformer language model somewhere? I did not see anything in the source.

Service is running in fresh installed/updated archlinux base.

After Uploading a photo, this is the error displayed in the web interface:

And this is the related output in the terminal:

Is anything needed on the backend / replicate side to enable a particular room type? Or can we just tell the model to try a different one? In that case, we might even want to move from a dropdown to a input box for the room type.

• Kitchen (!!!)
• Playroom
• Attic
• Basement

might be interesting immediate additions

After some images generated it doesn't generate any more. It happens only in deployed mode. Locally it works.

Replicate API and .env have been created properly.

I tried using the website for the first time today, uploaded an image and just saw a blank panel. tried again but it used up all three of my tries trying to get this to display an image.

Error info :

Running build in San Francisco, USA (West) – sfo1

18:57:30.576 | Cloning github.com/gumplus/room-GPT (Branch: main, Commit: e1e0dd1)
18:57:30.715 | Previous build cache not available
18:57:31.870 | Cloning completed: 1.294s
18:57:32.078 | Running "vercel build"
18:57:32.648 | Vercel CLI 28.18.5
18:57:32.968 | Installing dependencies...
18:57:39.377 | npm WARN deprecated [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-inject.
18:57:39.647 | npm WARN deprecated [email protected]: Please use @jridgewell/sourcemap-codec instead
18:57:43.315 | npm WARN deprecated @npmcli/[email protected]: This functionality has been moved to @npmcli/fs
18:57:58.619 |  
18:57:58.620 | > postinstall
18:57:58.620 | > prisma generate || true
18:57:58.620 |  
18:57:59.515 | Environment variables loaded from .env
18:57:59.518 | Prisma schema loaded from prisma/schema.prisma
18:58:00.497 |  
18:58:00.498 | ✔ Generated Prisma Client (4.11.0 | library) to ./node_modules/@prisma/client in 222ms
18:58:00.498 | You can now start using Prisma Client in your code. Reference: https://pris.ly/d/client
18:58:00.498 | 18:58:00.498 | import { PrismaClient } from '@prisma/client' 18:58:00.498 | const prisma = new PrismaClient() 18:58:00.498 |
18:58:00.574 |  
18:58:00.574 | added 963 packages in 27s
18:58:00.574 |  
18:58:00.575 | 170 packages are looking for funding
18:58:00.575 | run npm fund for details
18:58:00.606 | Detected Next.js version: 13.1.6
18:58:00.619 | Detected package-lock.json generated by npm 7+...
18:58:00.620 | Running "npm run build"
18:58:01.026 |  
18:58:01.027 | > build
18:58:01.027 | > prisma generate && prisma migrate deploy && next build
18:58:01.027 |  
18:58:01.929 | Environment variables loaded from .env
18:58:01.932 | Prisma schema loaded from prisma/schema.prisma
18:58:02.950 |  
18:58:02.950 | ✔ Generated Prisma Client (4.11.0 | library) to ./node_modules/@prisma/client in 235ms
18:58:02.950 | You can now start using Prisma Client in your code. Reference: https://pris.ly/d/client
18:58:02.950 | 18:58:02.950 | import { PrismaClient } from '@prisma/client' 18:58:02.951 | const prisma = new PrismaClient() 18:58:02.951 |
18:58:05.145 | ┌─────────────────────────────────────────────────────────┐
18:58:05.146 | │ Update available 4.11.0 -> 4.12.0 │
18:58:05.146 | │ Run the following to update │
18:58:05.146 | │ npm i --save-dev prisma@latest │
18:58:05.146 | │ npm i @prisma/client@latest │
18:58:05.146 | └─────────────────────────────────────────────────────────┘
18:58:06.084 | Environment variables loaded from .env
18:58:06.085 | Prisma schema loaded from prisma/schema.prisma
18:58:06.090 | Datasource "db": PostgreSQL database "neondb", schema "public" at "ep-wild-credit-819120.us-west-2.aws.neon.tech"
18:58:09.836 |  
18:58:09.836 | 5 migrations found in prisma/migrations
18:58:09.836 |  
18:58:10.228 |  
18:58:10.228 | No pending migrations to apply.
18:58:10.708 | info - Loaded env from /vercel/path0/.env
18:58:10.884 | Attention: Next.js now collects completely anonymous telemetry regarding usage.
18:58:10.884 | This information is used to shape Next.js' roadmap and prioritize features.
18:58:10.884 | You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
18:58:10.885 | https://nextjs.org/telemetry
18:58:10.886 |  
18:58:11.051 | info - Linting and checking validity of types...
18:58:17.241 | info - Creating an optimized production build...
18:58:31.393 | info - Compiled successfully
18:58:31.393 | info - Collecting page data...
18:58:31.786 | TypeError [ERR_INVALID_URL]: Invalid URL
18:58:31.786 | at new NodeError (node:internal/errors:400:5)
18:58:31.786 | at URL.onParseError (node:internal/url:565:9)
18:58:31.786 | at new URL (node:internal/url:645:5)
18:58:31.787 | at parseUrl (/vercel/path0/node_modules/next-auth/utils/parse-url.js:17:16)
18:58:31.787 | at Object. (/vercel/path0/node_modules/next-auth/react/index.js:72:34)
18:58:31.787 | at Module._compile (node:internal/modules/cjs/loader:1218:14)
18:58:31.787 | at Module._extensions..js (node:internal/modules/cjs/loader:1272:10)
18:58:31.787 | at Module.load (node:internal/modules/cjs/loader:1081:32)
18:58:31.787 | at Module._load (node:internal/modules/cjs/loader:922:12)
18:58:31.788 | at Module.require (node:internal/modules/cjs/loader:1105:19) {
18:58:31.788 | input: '',
18:58:31.788 | code: 'ERR_INVALID_URL'
18:58:31.788 | }
18:58:31.789 |  
18:58:31.789 | > Build error occurred
18:58:31.793 | Error: Failed to collect page data for /dashboard
18:58:31.793 | at /vercel/path0/node_modules/next/dist/build/utils.js:963:15
18:58:31.793 | at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
18:58:31.793 | type: 'Error'
18:58:31.794 | }
18:58:31.873 | Error: Command "npm run build" exited with 1
18:58:32.205 | Deployment completed
18:58:32.164 | BUILD_UTILS_SPAWN_1: Command "npm run build" exited with 1

I would like to add mine to one of the testimonials which is blank.

How exactly am I supposed to name the env file? I have tried numerous naming conventions, but none of them allow the properties in my env file to be detected by the process.

If I use the name .env, I get this error message:
TypeError [ERR_INVALID_URL]: Invalid URL

Any ideas? TIA

No matter which Google Account I use it gives Auth Error and says to sign in with another account.

Firstly, I would like to extend my congratulations on creating such an excellent repository with roomGPT. The quality and functionality of your work have impressed me deeply, and I am truly inspired by what you have accomplished.

As a newcomer to the field of AI programming, I am eager to embark on a project of my own, and I was hoping you might be able to offer some guidance. I am particularly interested in developing something akin to roomGPT but with a more focused scope: specifically, I would like to create an AI tool that can change the color of walls in a room to a specified RGB value.

API has been generated and configured in the ENV file
After uploading the picture, there is an error in the picture

Error: Prisma schema validation - (get-config wasm)

17:06:24.216 | Error code: P1012
17:06:24.216 | error: Environment variable not found: DIRECT_DATABASE_URL.
17:06:24.216 | --> schema.prisma:4
17:06:24.216 | |
17:06:24.216 | 3 | url = env("DATABASE_URL")
17:06:24.216 | 4 | directUrl = env("DIRECT_DATABASE_URL")
17:06:24.216 | |
17:06:24.216 |  
17:06:24.217 | Validation Error Count: 1
17:06:24.217 | [Context: getConfig]
17:06:24.217 |  
17:06:24.218 | Prisma CLI Version : 4.11.0
17:06:24.257 | Error: Command "npm run build" exited with 1
17:06:24.687 | BUILD_UTILS_SPAWN_1: Command "npm run build" exited with 1

I added my Vercel API to .env, and can see the generated image in my Vercel dashboard, but my local server showed the following error, and thus I couldn't see the image from my locally-hosted website. In my .env, I only set REPLICATE_API_KEY, as DATABASE_URL was marked as optional

error - PrismaClientInitializationError: 
Invalid `prisma.room.create()` invocation:


error: Environment variable not found: DATABASE_URL.
  -->  schema.prisma:3
   | 
 2 |   provider          = "postgresql"
 3 |   url               = env("DATABASE_URL")

I spun up an LXC in ProxMox with an Ubuntu 22.04 template and ran through the installation steps:
apt install npm git
git clone https://github.com/Nutlope/roomGPT

created .env file with my API key

npm install
npm run dev

At this point, I receive the error shown below and the service fails to run.

Firstly, thanks for making this open source. I've added my API in the .env file, but my image generation is either too slow or does not come up at all. Looking at the error logs I see a 504 timeout error along with:

polling for result...
polling for result...
polling for result...
polling for result...
polling for result...
polling for result...
polling for result...
polling for result...
polling for result...

Is there something I am missing? Is there something I can do to make this faster?

Some additional info that may help:

• Cold Boot Duration is 195ms
• Image successfully posts on Replicate
• Deployment status shows no issues

im getting this errro when deplyin in Vercel

i have my neon link and the replica api setup

please help

Error: Prisma schema validation - (get-config wasm)

03:14:20.651 | Error code: P1012
03:14:20.651 | error: Environment variable not found: DIRECT_DATABASE_URL.
03:14:20.651 | --> schema.prisma:4
03:14:20.651 | |
03:14:20.652 | 3 | url = env("DATABASE_URL")
03:14:20.652 | 4 | directUrl = env("DIRECT_DATABASE_URL")
03:14:20.652 | |
03:14:20.652 |  
03:14:20.652 | Validation Error Count: 1
03:14:20.652 | [Context: getConfig]
03:14:20.653 |  
03:14:20.653 | Prisma CLI Version : 4.11.0
03:14:20.701 | Error: Command "npm run build" exited with 1
03:14:21.424 | Deployment completed
03:14:21.027 | BUILD_UTILS_SPAWN_1: Command "npm run build" exited with 1

After uploading the image the generated image is not displayed on screen.

deployed url: https://roomgpt-theta.vercel.app/dream

issue: after uploading, images are generated in replicate but it is not displayed back on the screen

error log from chrome developer tool:
_vercel/insights/script.js:1 Failed to load resource: the server responded with a status of 404 ()
api/generate:1 Failed to load resource: the server responded with a status of 504 ()
dream:1 Uncaught (in promise) SyntaxError: Unexpected token 'A', "An error o"... is not valid JSON

in vercel log i see this error:

TypeError: Cannot read properties of undefined (reading 'toLowerCase')
at handler (/var/task/.next/server/pages/api/generate.js:124:84)
at async Object.apiResolver (/var/task/node_modules/next/dist/server/api-utils/node.js:372:9)
at async NextNodeServer.runApi (/var/task/node_modules/next/dist/server/next-server.js:488:9)
at async Object.fn (/var/task/node_modules/next/dist/server/next-server.js:751:37)
at async Router.execute (/var/task/node_modules/next/dist/server/router.js:253:36)
at async NextNodeServer.run (/var/task/node_modules/next/dist/server/base-server.js:384:29)
at async NextNodeServer.handleRequest (/var/task/node_modules/next/dist/server/base-server.js:322:20)
at async module.exports (/var/task/___next_launcher.cjs:29:9)

face this error message

Generated the image is successful. However the input and output were gone after two days later in dashboard.

The records are in neon.tech. And copy the inputImage and outputImage url are return:
inputImage:
{"error":{"message":"File not found (or you have insufficient privileges).","code":"file_not_found","details":{}}}
outputImage:
{"detail": "requested file not found"}

Is it register replicate is enough? or what any setting in replicate I was missing?

build a scraper that scrapes
https://edie-hida.org.gr/component/kunena/home.html?defaultmenu=773
https://edie-hida.org.gr/component/kunena/home.html?defaultmenu=773& events https://edie-hida.org.gr/events/%CE%B5%CE%BA%CE%B8%CE%AD%CF%83%CE%B5%CE%B9%CF%82.html

Unable to deploy on Vercel

Error: Prisma schema validation - (get-config wasm)

16:15:40.687 | Error code: P1012
16:15:40.688 | error: Environment variable not found: DIRECT_DATABASE_URL.
16:15:40.688 | --> schema.prisma:4
16:15:40.688 | |
16:15:40.688 | 3 | url = env("DATABASE_URL")
16:15:40.688 | 4 | directUrl = env("DIRECT_DATABASE_URL")
16:15:40.689 | |
16:15:40.689 |  
16:15:40.689 | Validation Error Count: 1
16:15:40.689 | [Context: getConfig]
16:15:40.689 |  
16:15:40.689 | Prisma CLI Version : 4.11.0
16:15:40.754 | Error: Command "npm run build" exited with 1
16:15:40.974 | BUILD_UTILS_SPAWN_1: Command "npm run build" exited with 1

How can I turn off Google Authorization？

Hello! The installation was successful, and the page is loading. But when trying to upload a room image, I am getting this error. What should I do?
Thx!

> dev
> next dev

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
event - compiled client and server successfully in 3s (170 modules)
wait  - compiling...
event - compiled successfully in 175 ms (135 modules)
wait  - compiling /_error (client and server)...
event - compiled client and server successfully in 117 ms (171 modules)
warn  - Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload
wait  - compiling /dream (client and server)...
event - compiled client and server successfully in 1138 ms (963 modules)
wait  - compiling /...
event - compiled client and server successfully in 182 ms (246 modules)
wait  - compiling /dream (client and server)...
event - compiled client and server successfully in 293 ms (969 modules)
wait  - compiling /api/generate (client and server)...
event - compiled successfully in 49 ms (119 modules)
wait  - compiling /_error (client and server)...
error - pages/api/generate.ts (77:43) @ get
error - TypeError: Cannot read properties of undefined (reading 'get')
    at handler (webpack-internal:///(api)/./pages/api/generate.ts:53:46)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async Object.apiResolver (/home/itmp9/roomGPT/node_modules/next/dist/server/api-utils/node.js:372:9)
    at async DevServer.runApi (/home/itmp9/roomGPT/node_modules/next/dist/server/next-server.js:488:9)
    at async Object.fn (/home/itmp9/roomGPT/node_modules/next/dist/server/next-server.js:751:37)
    at async Router.execute (/home/itmp9/roomGPT/node_modules/next/dist/server/router.js:253:36)
    at async DevServer.run (/home/itmp9/roomGPT/node_modules/next/dist/server/base-server.js:384:29)
    at async DevServer.run (/home/itmp9/roomGPT/node_modules/next/dist/server/dev/next-dev-server.js:743:20)
    at async DevServer.handleRequest (/home/itmp9/roomGPT/node_modules/next/dist/server/base-server.js:322:20) {
  page: '/api/generate'
}
  75 |   let jsonStartResponse = await startResponse.json();
  76 | 
> 77 |   let endpointUrl = jsonStartResponse.urls.get;
     |                                           ^
  78 |   const originalImage = jsonStartResponse.input.image;
  79 |   const roomId = jsonStartResponse.id;
  80 | 
event - compiled client and server successfully in 109 ms (977 modules)

Awesome script

Excellent documentation

Instructions extremely easy to follow

Launched a clone at Vercel ... piece of cake!

Congrats!

Hugo

api/generate:1 Failed to load resource: the server responded with a status of 504 ()
dream:1 Uncaught (in promise) SyntaxError: Unexpected token 'A', "An error o"... is not valid JSON

I'm using Vercel, after few test, it can randomly happen that image doesn't generate and credits are used.
All requests are generated on Replicate, it just doesn't return to server, it keeps loading forever and i've got some errors in console

Environment Variables:

DATABASE_URL=postgres://3xample:[email protected]/neondb?pgbouncer=true
DIRECT_DATABASE_URL=postgres://3xample:[email protected]/neondb
SHADOW_DATABASE_URL=postgres://3xample:[email protected]/shadow_db

Similar cases #69 #25
Maybe @Nutlope could have a quick look and help us ?
Thanks

npx prisma db push && prisma migrate dev && prisma generate
Prisma schema loaded from prisma\schema.prisma
Datasource "db": PostgreSQL database

Error: Prisma schema validation - (get-config wasm)
Error code: P1012
error: Environment variable not found: DIRECT_DATABASE_URL.
--> schema.prisma:4
|
3 | url = env("DATABASE_URL")
4 | directUrl = env("DIRECT_DATABASE_URL")
|

Validation Error Count: 1

Thanks for this awesome example!

It would be great if you could also explain how you are using ControlNet. What kind of extra input are you adding on top of the photo itself, to better control the output? Inferred depth? Straight line detection?

Also the model doesn't seem to be public in Replicate, is that right? It would be great if it was 😃

Thank you again for making the client site itself open source! 😄

I did not understand auth setup clearly.

I've noticed that for Replicate the model version is hard-coded. Is there any chance to release the model, so that I can push my own version? Or is it a public model only?

You cannot specify "tags" in your file uploads that aren't whitelisted in the API key's settings (see "tag permissions" configured for this API key).

error:Try signing in with a different account

• I chose to run this project locally and completed the deployment according to the steps. But after opening the project interface, clicking login prompts “Try signing in with a different account.”, and the following error occurred in the running state. How can I solve this? I look forward to your reply.

PS E:\stable diffusion\roomGPT> npm run dev

> dev
> next dev

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info  - Loaded env from E:\stable diffusion\roomGPT\.env.local
info  - Using wasm build of next-swc
warn  - Attempted to load @next/swc-win32-x64-gnu, but it was not installed
warn  - Attempted to load @next/swc-win32-x64-msvc, but an error occurred: \\?\E:\stable diffusion\roomGPT\node_modules\@next\swc-win32-x64-msvc\next-swc.win32-x64-msvc.node is not a valid Win32 application.
\\?\E:\stable diffusion\roomGPT\node_modules\@next\swc-win32-x64-msvc\next-swc.win32-x64-msvc.node
event - compiled client and server successfully in 1624 ms (204 modules)
wait  - compiling...
event - compiled successfully in 148 ms (168 modules)
wait  - compiling / (client and server)...
event - compiled client and server successfully in 169 ms (282 modules)
wait  - compiling /api/auth/[...nextauth] (client and server)...
event - compiled successfully in 146 ms (106 modules)
[next-auth][warn][NEXTAUTH_URL]
https://next-auth.js.org/warnings#nextauth_url
[next-auth][warn][NO_SECRET]
https://next-auth.js.org/warnings#no_secret
wait  - compiling /dream...
event - compiled client and server successfully in 716 ms (1071 modules)
wait  - compiling /api/remaining (client and server)...
event - compiled successfully in 37 ms (130 modules)
User not logged in
wait  - compiling /api/auth/[...nextauth] (client and server)...
event - compiled successfully in 17 ms (130 modules)
[next-auth][error][SIGNIN_OAUTH_ERROR]
https://next-auth.js.org/errors#signin_oauth_error outgoing request timed out after 3500ms {
  error: {
    message: 'outgoing request timed out after 3500ms',
    stack: 'RPError: outgoing request timed out after 3500ms\n' +
      '    at E:\\stable diffusion\\roomGPT\\node_modules\\openid-client\\lib\\helpers\\request.js:137:13\n' +
      '    at async Issuer.discover (E:\\stable diffusion\\roomGPT\\node_modules\\openid-client\\lib\\issuer.js:144:24)\n' +
      '    at async openidClient (E:\\stable diffusion\\roomGPT\\node_modules\\next-auth\\core\\lib\\oauth\\client.js:16:14)\n' +
      '    at async getAuthorizationUrl (E:\\stable diffusion\\roomGPT\\node_modules\\next-auth\\core\\lib\\oauth\\authorization-url.js:70:18)\n' +
      '    at async Object.signin (E:\\stable diffusion\\roomGPT\\node_modules\\next-auth\\core\\routes\\signin.js:38:24)\n' +
      '    at async AuthHandler (E:\\stable diffusion\\roomGPT\\node_modules\\next-auth\\core\\index.js:253:26)\n' +
      '    at async NextAuthHandler (E:\\stable diffusion\\roomGPT\\node_modules\\next-auth\\next\\index.js:24:19)\n' +
      '    at async E:\\stable diffusion\\roomGPT\\node_modules\\next-auth\\next\\index.js:60:32\n' +
      '    at async Object.apiResolver (E:\\stable diffusion\\roomGPT\\node_modules\\next\\dist\\server\\api-utils\\node.js:372:9)\n' +
      '    at async DevServer.runApi (E:\\stable diffusion\\roomGPT\\node_modules\\next\\dist\\server\\next-server.js:488:9)\n' +
      '    at async Object.fn (E:\\stable diffusion\\roomGPT\\node_modules\\next\\dist\\server\\next-server.js:751:37)\n' +
      '    at async Router.execute (E:\\stable diffusion\\roomGPT\\node_modules\\next\\dist\\server\\router.js:253:36)\n' +
      '    at async DevServer.run (E:\\stable diffusion\\roomGPT\\node_modules\\next\\dist\\server\\base-server.js:384:29)\n' +
      '    at async DevServer.run (E:\\stable diffusion\\roomGPT\\node_modules\\next\\dist\\server\\dev\\next-dev-server.js:743:20)\n' +
      '    at async DevServer.handleRequest (E:\\stable diffusion\\roomGPT\\node_modules\\next\\dist\\server\\base-server.js:322:20)',
    name: 'RPError'
  },
  providerId: 'google',
  message: 'outgoing request timed out after 3500ms'
}

E:\room\roomGPT>npm run dev

dev
next dev

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
event - compiled client and server successfully in 1347 ms (204 modules)
wait - compiling...
event - compiled successfully in 158 ms (168 modules)
wait - compiling /_error (client and server)...
event - compiled client and server successfully in 59 ms (205 modules)
warn - Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload
wait - compiling / (client and server)...
event - compiled client and server successfully in 108 ms (281 modules)
wait - compiling /api/auth/[...nextauth] (client and server)...
event - compiled successfully in 79 ms (106 modules)
[next-auth][warn][NEXTAUTH_URL]
https://next-auth.js.org/warnings#nextauth_url
[next-auth][warn][NO_SECRET]
https://next-auth.js.org/warnings#no_secret

Unhandled Runtime Error
Error: Hydration failed because the initial UI does not match what was rendered on the server.

See more info here: https://nextjs.org/docs/messages/react-hydration-error
Unhandled Runtime Error
Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.

Call Stack

可以帮忙处理解决一下吗
谢谢

Error: https://room.mic9chan.com/api/auth/signin?error=Callback

Website URL: https://room.mic9chan.com

Already setup all the necessary variables

on loging in with google saying, redirect uri mismatch not able to log in with google

First of all, Awesome project !!!
I think an input type box for a_prompt and n_prompt and a dropdown for more image_resolution options would be a good addition!

face this error

Thanks for the support. I have successfully clone the project, fix the DB connection issue, google login issue, and the tab issue (by comment the following line of code in[ dream.tsx], tags: [data?.remainingGenerations > 3 ? "paid" : "free"],)

However, after logging in and updating my photo, I haven't seen any changes. I checked the replication status and it's finished, but the webpage keeps hanging and loading. Can anyone help me with this final step?

URL: https://room.mic9chan.com

Keep waiting on this page:

Replicate resule is good:

Stripe setup successfully listens to the POST and registers event types.
However, the app itself does not detect those events.
Therefore, credits cannot be updated.
Please Help!