# Render Grid helper error

**URL:** <https://forum.babylonjs.com/t/render-grid-helper-error/4723>\
**Category:** Questions\
**Created:** [July 25, 2019, 2:50pm UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723 "2019-07-25T14:50:59Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![fselcukcan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/fselcukcan/32/2370_2.png) [@fselcukcan](https://forum.babylonjs.com/u/fselcukcan)\
**Post date:** [July 25, 2019, 2:50pm UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/1 "2019-07-25T14:50:59Z")

</div>

Render grid in inspector Helpers section is not working in my applicaiton. It throws following error literally thousands of time, many per second:  
`Uncaught TypeError: Cannot read property 'ShadersStore' of undefined`  
What can be the cause of it? Do I not include a material that it needs?

---

<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:** [July 25, 2019, 3:01pm UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/2 "2019-07-25T15:01:02Z")

</div>

Pinging @sebavan

I think you need to import material library: [@babylonjs/materials - npm](https://www.npmjs.com/package/@babylonjs/materials)

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [July 25, 2019, 3:25pm UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/3 "2019-07-25T15:25:34Z")

</div>

I would suspect you are using import \* as BABYLON from "… ???

If yes, you should try to rename BABYLON by smthg else ?

If not, we might need more details about your setup ?

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/fselcukcan/32/2370_2.png) [@fselcukcan](https://forum.babylonjs.com/u/fselcukcan)\
**Post date:** [July 26, 2019, 8:28am UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/4 "2019-07-26T08:28:58Z")

</div>

Currently I have only `import { GridMaterial } from '@babylonjs/materials/grid'`

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/fselcukcan/32/2370_2.png) [@fselcukcan](https://forum.babylonjs.com/u/fselcukcan)\
**Post date:** [July 26, 2019, 9:14am UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/5 "2019-07-26T09:14:33Z")

</div>

Also should I do the default ground mesh with Render Scene and `createDefaultEnvironment` as follows:

```
var helper = scene.createDefaultEnvironment({
            enableGroundShadow: true
        });
        // helper.setMainColor(BABYLON.Color3.Gray());
        // helper.ground.position.y += 0.01;
```

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [July 26, 2019, 12:56pm UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/6 "2019-07-26T12:56:07Z")

</div>

I am sorry I do not understand totally. Are you trying to use the inspector or are you creating the ground and so on by code ?

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/fselcukcan/32/2370_2.png) [@fselcukcan](https://forum.babylonjs.com/u/fselcukcan)\
**Post date:** [July 26, 2019, 1:10pm UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/7 "2019-07-26T13:10:23Z")

</div>

Sorry. I am putting a default ground, made by my scene code. But there is also a render scene functionality in the scene inspector, however I cannot get it to work. It throws when I click its switch.

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [July 26, 2019, 1:48pm UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/8 "2019-07-26T13:48:22Z")

</div>

ohhhh gotcha, I ll try to repro but if you have a small github repro I take it 🙂

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/fselcukcan/32/2370_2.png) [@fselcukcan](https://forum.babylonjs.com/u/fselcukcan)\
**Post date:** [July 26, 2019, 2:17pm UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/9 "2019-07-26T14:17:03Z")

</div>

I will also be putting a repro

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/fselcukcan/32/2370_2.png) [@fselcukcan](https://forum.babylonjs.com/u/fselcukcan)\
**Post date:** [July 26, 2019, 2:21pm UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/10 "2019-07-26T14:21:31Z")

</div>

Here is a pg with a ground mesh and grid materila on it: [PG](https://playground.babylonjs.com/#XTRAL2)

On the inspector tehre is a Rende Scene option but which ı would like to use instead of my mesh solution since the mesh ground is Pickable when the inspector is open and gizmo attachable. I need a ground that is not pickable and not gizmo affetctable.

Here the render scene works properly though.

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [July 27, 2019, 4:36pm UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/11 "2019-07-27T16:36:57Z")

</div>

Thank you, I can reproduce the error 🙂 I will try to have a fix on Monday. Basically in the inspector we try to load the gridMaterial from the none es6-modules creating conflicts around the BABYLON namespace internally.

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/fselcukcan/32/2370_2.png) [@fselcukcan](https://forum.babylonjs.com/u/fselcukcan)\
**Post date:** [July 27, 2019, 4:49pm UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/12 "2019-07-27T16:49:59Z")

</div>

Then the ground from inspector render ground feature, not mine, also uses grid material.

That will be the one I use, partly because my implementation is pickabke and transformable which I desire not to be so.

Thanks a lot.

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [July 27, 2019, 7:00pm UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/13 "2019-07-27T19:00:13Z")

</div>

PR is up it will be in the next npm release: [Fix inspector render grid es6 by sebavan · Pull Request #6634 · BabylonJS/Babylon.js · GitHub](https://github.com/BabylonJS/Babylon.js/pull/6634)

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/fselcukcan/32/2370_2.png) [@fselcukcan](https://forum.babylonjs.com/u/fselcukcan)\
**Post date:** [July 28, 2019, 9:51am UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/14 "2019-07-28T09:51:32Z")

</div>

By the way I want to contribute to the babylonjs project as well. Would you have any suggestions? And so for open source contribution in general.

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [July 29, 2019, 9:38am UTC](https://forum.babylonjs.com/t/render-grid-helper-error/4723/15 "2019-07-29T09:38:36Z")

</div>

That is great you are willing to contribute 🙂

You could easily start by implementing one of the Help Wanted Issues from the repo or any requests from the forum: [Issues · BabylonJS/Babylon.js · GitHub](https://github.com/babylonjs/babylon.js/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22)

Also to get started locally, you can have a read at : [Start Contributing to Babylon.js - Babylon.js Documentation](https://doc.babylonjs.com/how_to/how_to_start)