# How to get intellisense in VS code for react-babylonjs?

**URL:** https://forum.babylonjs.com/t/how-to-get-intellisense-in-vs-code-for-react-babylonjs/55262
**Category:** Questions
**Tags:** react-babylonjs
**Created:** [December 9, 2024, 7:07am UTC](https://forum.babylonjs.com/t/how-to-get-intellisense-in-vs-code-for-react-babylonjs/55262 "2024-12-09T07:07:04Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![wxz](https://avatars.discourse-cdn.com/v4/letter/w/e47c2d/32.png) [@wxz](https://forum.babylonjs.com/u/wxz)
#### Post date: [December 9, 2024, 7:07am UTC](https://forum.babylonjs.com/t/how-to-get-intellisense-in-vs-code-for-react-babylonjs/55262/1 "2024-12-09T07:07:04Z")

</div>

Hi all,  
I’m playing with react-babylonjs examples by copy/paste js code into a vite project (`npm create vite@latest my-project -- --template react`).

Code is working fine but the intellisense is not working at all. Any pointers?

 ![Screenshot 2024-12-08 at 11.06.40 PM](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/d/6/d65ad91ba1a0b491f8d144058bb609ebe27911b8.png)

---

<div class="post-metadata">

### Author: ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)
#### Post date: [December 9, 2024, 4:42pm UTC](https://forum.babylonjs.com/t/how-to-get-intellisense-in-vs-code-for-react-babylonjs/55262/2 "2024-12-09T16:42:11Z")

</div>

cc @brianzinn

---

<div class="post-metadata">

### Author: ![brianzinn](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/brianzinn/32/28013_2.png) [@brianzinn](https://forum.babylonjs.com/u/brianzinn)
#### Post date: [December 9, 2024, 7:53pm UTC](https://forum.babylonjs.com/t/how-to-get-intellisense-in-vs-code-for-react-babylonjs/55262/3 "2024-12-09T19:53:13Z")

</div>

hi @wxz - thanks for using the forum. good question. I’ve never tried in in a JS project. Did you try restarting VS Code? Sometimes in TS you need to restart the TS server.

The “mesh” and “standardMaterial” are registerd as a JSX intrinsic elements (global) when you include `react-babylonjs`, so those properties should be known. If the restart VS code doesn’t work I can look. I should have moved the CRA examples over to vite years ago anyway.

On the other hand, if those are eslint warnings about an unknown property - that is a different discussion…

edit: can you share your package.json?

---

<div class="post-metadata">

### Author: ![brianzinn](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/brianzinn/32/28013_2.png) [@brianzinn](https://forum.babylonjs.com/u/brianzinn)
#### Post date: [December 14, 2024, 7:06pm UTC](https://forum.babylonjs.com/t/how-to-get-intellisense-in-vs-code-for-react-babylonjs/55262/4 "2024-12-14T19:06:48Z")

</div>

hi @wxz not sure how you fared - it does look like eslint. If you have any more questions we can follow up. Cheers.

---

<div class="post-metadata">

### Author: ![wxz](https://avatars.discourse-cdn.com/v4/letter/w/e47c2d/32.png) [@wxz](https://forum.babylonjs.com/u/wxz)
#### Post date: [December 22, 2024, 6:21pm UTC](https://forum.babylonjs.com/t/how-to-get-intellisense-in-vs-code-for-react-babylonjs/55262/5 "2024-12-22T18:21:30Z")

</div>

hi @brianzinn,

Sorry for the late reply. Restart VS Code didn’t help. Here’s the content of package.json:

```auto
{
  "name": "vite_react_alpha",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "lint": "eslint .",
    "preview": "vite preview"
  },
  "dependencies": {
    "@babylonjs/core": "^7.36.0",
    "@babylonjs/gui": "^7.36.0",
    "react": "^18.3.1",
    "react-babylonjs": "^3.2.1",
    "react-dom": "^18.3.1"
  },
  "devDependencies": {
    "@eslint/js": "^9.15.0",
    "@types/react": "^18.3.12",
    "@types/react-dom": "^18.3.1",
    "@vitejs/plugin-react": "^4.3.4",
    "autoprefixer": "^10.4.20",
    "eslint": "^9.15.0",
    "eslint-plugin-react": "^7.37.2",
    "eslint-plugin-react-hooks": "^5.0.0",
    "eslint-plugin-react-refresh": "^0.4.14",
    "globals": "^15.12.0",
    "postcss": "^8.4.49",
    "tailwindcss": "^3.4.15",
    "vite": "^6.0.1"
  }
}

```

---

<div class="post-metadata">

### Author: ![brianzinn](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/brianzinn/32/28013_2.png) [@brianzinn](https://forum.babylonjs.com/u/brianzinn)
#### Post date: [December 22, 2024, 6:41pm UTC](https://forum.babylonjs.com/t/how-to-get-intellisense-in-vs-code-for-react-babylonjs/55262/6 "2024-12-22T18:41:21Z")

</div>

I don’t know if you caught my last message. What are the errors - maybe they show up in the “problems” tab (ctrl+`).

---

<div class="post-metadata">

### Author: ![wxz](https://avatars.discourse-cdn.com/v4/letter/w/e47c2d/32.png) [@wxz](https://forum.babylonjs.com/u/wxz)
#### Post date: [December 22, 2024, 11:43pm UTC](https://forum.babylonjs.com/t/how-to-get-intellisense-in-vs-code-for-react-babylonjs/55262/7 "2024-12-22T23:43:29Z")

</div>

hi, the error is:

```auto
Unknown property 'fromInstance' found. eslint (...

```

Intellisense works with TypeScript. I’ll switch to that.

---

<div class="post-metadata">

### Author: ![brianzinn](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/brianzinn/32/28013_2.png) [@brianzinn](https://forum.babylonjs.com/u/brianzinn)
#### Post date: [December 23, 2024, 2:34am UTC](https://forum.babylonjs.com/t/how-to-get-intellisense-in-vs-code-for-react-babylonjs/55262/8 "2024-12-23T02:34:44Z")

</div>

hi @wxz - glad you got it working. The eslint errors are from a long-standing issue downstream in React ecosystem. It actually affects all react renderers unfortunately and stems from a library that should be dropped. Must be that the typescript eslint maybe is more forgiving.

> <https://github.com/jsx-eslint/eslint-plugin-react/issues/3423>
>
> I'm using \`@react-three/fiber\` in my app, and updating \`eslint-plugin-react\` bro…ke the linting.
> 
> You did not took into account custom renderers while introducing this changes.
> 
> on \`\<mesh /\>\` false negatives:
> 
> Unknown property 'castShadow' found
> Unknown property 'receiveShadow' found
> Unknown property 'dispose' found
> Unknown property 'geometry' found
> Unknown property 'userData' found
> Unknown property 'rotation' found
> 
> on \`\<meshStandardMaterial /\>\` false negatives:
> 
> Unknown property 'metalness' found
> Unknown property 'roughness' found
> Unknown property 'side' found
> 
> on \`\<planeBufferGeometry /\>\`
> 
> Unknown property 'args' found
> 
> on \`\<meshPhongMaterial /\>\`
> 
> Unknown property 'flatShading' found
> Unknown property 'shininess' found
> Unknown property 'side' found
> Unknown property 'specular' found
> 
> and a lot more.
> 
> Please fix support for \`@react-three/fiber\`
> 
> Meanwhile I had to disable \`react/no-unknown-property\` rule

I wonder if your eslint.config.js excludes unknown properties! Thank-you for reporting back.
