Why code in `use client` component still execute in server

Answered

Entlebucher Mountain Dog posted this in #help-forum

Entlebucher Mountain DogOP

2024-01-08T08:46:08.000Z

I have a ClientComponent with use client, use sessionStorage inside it, but when run it throw error in server sessionStorage is not defined but the code still works well
so why it happens

Answered by Ray

because client component will be rendered on server and sessionStorage is not avaliable on server

View full answer

6 Replies

@Entlebucher Mountain Dog I have a ClientComponent with `use client`, use sessionStorage inside it, but when run it throw error in server `sessionStorage is not defined` but the code still works well so why it happens

Ray

2024-01-08T08:48:36.000Z

because client component will be rendered on server and sessionStorage is not avaliable on server

Answer

@Ray because client component will be rendered on server and sessionStorage is not avaliable on server

Entlebucher Mountain DogOP

2024-01-08T08:52:41.000Z

thanks for the response, so how can I prevent this?
using dynamic import?

@Entlebucher Mountain Dog thanks for the response, so how can I prevent this? using dynamic import?

Ray

2024-01-08T08:53:29.000Z

how do you use the sessionStorage?

Entlebucher Mountain DogOP

2024-01-08T08:54:51.000Z

I use sessionStorage (ss) to keep some information to keep some information that I use it on a form in difference screen later

@Entlebucher Mountain Dog I use sessionStorage (ss) to keep some information to keep some information that I use it on a form in difference screen later

Ray

2024-01-08T08:55:40.000Z

in useEffect or where do you use it

Entlebucher Mountain DogOP

2024-01-08T08:56:32.000Z

oh, I didn't put this in useEffect
forgot about this, thanks