Difference between dev and codespace

[Praskand]

Select Topic Area

Question

Body

On hover it says: JSX element class does not support attributes because it does not have a 'props' property.ts(2607)
This error does not occur in codespace and is completely fine. Why?

[SjxSubham]

This typically occurs when TypeScript is unable to recognize the props property on a JSX element. This discrepancy between your Git development environment and Codespaces could be due to differences in TypeScript configurations or versions.

1. Check TypeScript version
2. Update Typescript
3. check tsconfig.json Compare the tsconfig.json files in both environments. Ensure that the configurations are the same, especially the jsx and strict settings. Here is an example of a typical tsconfig.json :

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "jsx": "react",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  }
}

4. Ensure that all dependencies, including @types/react and @types/react-dom, are the same in both environments. You can check the versions in package.json and update them if necessary

npm install @types/react@latest @types/react-dom@latest

By ensuring consistency in TypeScript versions, configurations, and dependencies, you should be able to resolve the discrepancy between your Git development environment and Codespaces. Let me know if you need further assistance!

Mark my comment as answered, If ur doubt resolved...

[Praskand]

ts 5.5.4
both have same json files. I think its problem with dev