Cannot read properties of null (reading 'useState') - everytime there's dependency changes | Remix | Page 1

trim light Oct 26, 2024, 4:29 PM

#

Hi, I've been using Remix for almost 10 months now. However, after moving to vite, and even using the newest remix template with vite, Everytime I have a new dependency change. Navigating to some page would show this error.

and eventually refresh itself with the correct page. This only happens whenever I have new changes in the dependency.

unkempt tree Oct 26, 2024, 9:12 PM

#

It is a known problem. I can't find a github issue ATM. You can try this flag: https://remix.run/docs/en/main/start/future-flags#unstable_optimizedeps

Remix

Future Flags | Remix

trim light Nov 21, 2024, 12:00 PM

#

Hi @unkempt tree Thank so much for the reply. I've been struggling on this, everytime I ran into this, I try to solve it but end up with the same problem, even if I try the latest version. Not sure why I don't see many complaints about this. I'll try to search through the github issue for this. Will try the flag as wel. Cheers!

trim light Nov 21, 2024, 12:42 PM

#

Thanks for triggering my curiosity again with that answer, eventually start reading the future flag docs and start searching from there.

I found someone suggested in the github issues

server: {
warmup: {
clientFiles: ["app/**/*.tsx"],
},
}

This somehow prevented the issue.

#Cannot read properties of null (reading 'useState') - everytime there's dependency changes