React Fluent Icons not being loaded/throwing an error
Hi all, I'm currently migrating from Next.js to Tanstack Start.
I have fully completed the migration, and changed all of my routes, per the doc for the migration. I'm sure there is still a lot of work to do (fixing small bugs, rewriting my server actions, etc) but I can't even get there because of a very puzzling error:
I use @fluentui/react-icons on my project and am getting this error.
I have tried
1) Doing a fresh install of the package
2) Deleting my node_modules and running npm i
3) Running
4) Creating a new start project with a minimal build.
5) Creating a "ForceClient" component, which runs a useEffect, and only renders children once the effect runs (which should force it to only run on the client side)
-Wrapped my __root in this
-Wrapped all the icons in it
6) Modifying my vite.config.ts to include the CommonJS path as an alias
7) Downgrading the package to several older versions
Can someone please help me make sense of this? Thank you.
I have fully completed the migration, and changed all of my routes, per the doc for the migration. I'm sure there is still a lot of work to do (fixing small bugs, rewriting my server actions, etc) but I can't even get there because of a very puzzling error:
I use @fluentui/react-icons on my project and am getting this error.
I have tried
1) Doing a fresh install of the package
2) Deleting my node_modules and running npm i
3) Running
npm i --legacy-peer-depsnpm i --force4) Creating a new start project with a minimal build.
5) Creating a "ForceClient" component, which runs a useEffect, and only renders children once the effect runs (which should force it to only run on the client side)
-Wrapped my __root in this
-Wrapped all the icons in it
6) Modifying my vite.config.ts to include the CommonJS path as an alias
7) Downgrading the package to several older versions
Can someone please help me make sense of this? Thank you.
