Weird Astro and typescript errors in vscode

[moonraker22]

I am getting the weirdest error in an astro project I've been working on. I started getting typescript errors on anything imported from fiber and drei like on my Canvas component says

'Canvas' cannot be used as a JSX component.
 Its return type 'ReactElement<any, string | JSXElementConstructor<any>>' is not a valid JSX element.

same on Perspective Camera from drei or bloom and effect composer from postprocessing. everything still works fine but it's very annoying. I've tried everything I could find deleted node modules and reinstall, Ive deleted their entire project and cloned again from github, I even tried starting a whole new project and just coping components over and the errors remain. Has anyone ever ran into this type of issue. Also I even tried cloning the repo on a different machine with different os and even tried using yarn and pnpm to install dependencies and nothing has worked. Any ideas would be appreciated thanks