This destroyed my noobish brain!

[left creek]

So I recently started with react, jumped to vite and now I am trying to build some next with TS and TW.
Got this strange thing though.
Errors where there are no errors. Dev works fine but for some reason one page breaks all of a sudden.
Using App-router, pages for about, contact etc resides in named folders with a page.tsx inside. Using Prismic as CMS.
Is this a common error? I heard Next could be an *** sometimes but this is only annoying.
Lost like 2 hours cause of this non-error. :/
Ty for help!

[tender garden]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[bronze coral]

have you tried restarting vscode (i don't think thats the issue tho)

[left creek]

Yeah, tried that, I'm gonna restart the whole system now, thanks!

[bronze coral]

also you may need this line... but as one works with nearly identical code, idk https://github.com/vitejs/vite/blob/main/packages/create-vite/template-react-ts/tsconfig.json#L15C1-L15C24

but are you using vite or nextjs? you mention each other and im confused... (they can't be used at the same time iirc)

[left creek]

Ah sorry, I use Nextjs now, no more vite.
Restarting did not fix it.

[bronze coral]

and if you completely copy the code to the other page, it still errors?

[left creek]

Yeah, I've tried both directions, from a working one too this one, might just delete the folder and make a new one

[bronze coral]

😭 also try removing .next and then nodemodules and reinstalling

[left creek]

Ah yeah, such a bummer this. Weird!

[bronze coral]

unless you have a weird theme, i would say that the one on the left also has issues because field wouldn't be normally green

[left creek]

lol, deleted the folder, copied the code from about, made a new folder and the "error" persists 🙂

still working when running dev tho

[bronze coral]

what about delete file and copy other file

[left creek]

I'm afraid to do that, I am checking all my versions atm, AI gave me some tips 🙂

Updated node and next, still no luck 🙂

and I tried to copy the 'contact' to a new file in another folder, no problem 🙂

[bronze coral]

im thinking something was not quite right in the name... but 🤷

[left creek]

nah 🙂 it breaks at the react-thingeys <></>

[bronze coral]

so, one time it works, not not another 😭

[left creek]

dont know why 🙂 will keep the thread, if someone else has an explanation, truly gutted. Have not checked prismic yet, gonna look at that now.

[void jolt]

try using <React.Fragment> instead of <>

[left creek]

will do

[left creek]

no luck 😭

will probably be fine if I make a new project, but ugh 🙂

could lint be bugging? Could try to reset code to get rid of extensions.

Disabled all extensions, no luck

[left creek]

Turns out I had to manually uninstall everything that has to do with vs code (%userprofile%\AppData\Roaming\Code and %userprofile%.vscode)
Works now it seems.