# Babylon GUI - Cannot read properties of null (reading '\_getComponent')

**URL:** <https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421>\
**Category:** Bugs\
**Created:** [February 7, 2022, 6:53am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421 "2022-02-07T06:53:35Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jozef\_Plata](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jozef_plata/32/30733_2.png) [@Jozef\_Plata](https://forum.babylonjs.com/u/Jozef_Plata)\
**Post date:** [February 7, 2022, 6:53am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/1 "2022-02-07T06:53:36Z")

</div>

Hi,

I’m trying the Babylon GUI. I’ve been using **babylonjs ^5.0.0-beta.5** and **babylonjs-gui ^4.2.1**. But everything errors out when I’m trying to create AdvancedDynamicTexture object:

`const guiMenu = AdvancedDynamicTexture.CreateFullscreenUI('UI');`

Once I’ve loaded this I keep getting errors:

_Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘\_getComponent’)_

Everything works just fine on the official **babylonjs 4.2.1**. Is this because of beta? Or did GUI moved in 5.0 somewhere else?

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [February 7, 2022, 7:01am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/2 "2022-02-07T07:01:10Z")

</div>

Hi!  
Do you mix the two versions? It’s not a good idea 🙂

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [February 7, 2022, 7:06am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/3 "2022-02-07T07:06:43Z")

</div>

I am doing it this way so the GUI classes are in a separate namespace

```auto
import * as GUI from '@babylonjs/gui'

```

```auto
  private _setupGUI() {
    const guiTexture = GUI.AdvancedDynamicTexture.CreateFullscreenUI('UI', true, this.scene)
    this.gui = guiTexture
  }

```

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/9/1/919e61bf90ccade76e51a42181beb8d801225d59.png)

This works.

---

<div class="post-metadata">

**Author:** ![Jozef\_Plata](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jozef_plata/32/30733_2.png) [@Jozef\_Plata](https://forum.babylonjs.com/u/Jozef_Plata)\
**Post date:** [February 7, 2022, 7:21am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/4 "2022-02-07T07:21:56Z")

</div>

Yeah you were right, I was using two different versions. So I migrated to latest beta for all.

However it still errors out with the same error 🤔

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/2/5/256470c47537fd5d169f09ad23cae9640a82a91c.png)

---

<div class="post-metadata">

**Author:** ![Jozef\_Plata](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jozef_plata/32/30733_2.png) [@Jozef\_Plata](https://forum.babylonjs.com/u/Jozef_Plata)\
**Post date:** [February 7, 2022, 7:29am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/5 "2022-02-07T07:29:20Z")

</div>

Ok I think it was because of **babylonjs** and it’s working with **@babylonjs/core**. So when I changed the imports it all works just fine:

```auto
import * as BABYLON from '@babylonjs/core';
import { Engine, Scene, ArcRotateCamera, Vector3, Mesh, MeshBuilder, DirectionalLight, ShadowGenerator, Color4 } from '@babylonjs/core';

```

However with **@babylon/core** I don’t have access to **debugLayer**

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [February 7, 2022, 7:37am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/6 "2022-02-07T07:37:46Z")

</div>

The inspector is a devDepedency and you have to import it from a separate package.

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/8/9/89af332eb4c13d39bdfdcb840848d22d1c711135.png)

```auto
import '@babylonjs/core/Debug/debugLayer'
import '@babylonjs/inspector'

```

---

<div class="post-metadata">

**Author:** ![Jozef\_Plata](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jozef_plata/32/30733_2.png) [@Jozef\_Plata](https://forum.babylonjs.com/u/Jozef_Plata)\
**Post date:** [February 7, 2022, 7:39am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/7 "2022-02-07T07:39:39Z")

</div>

Ok it looks I have to pull everything from different modules. I’ve found this **@babylonjs/inspector**. Then just import everything with:

```auto
import '@babylonjs/core/Debug/debugLayer';
import '@babylonjs/inspector';

```

And it all works fine without any errors. Now it thinks I’m using React, but I’m using Vue. However everything seems to be working fine 😄

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [February 7, 2022, 7:40am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/8 "2022-02-07T07:40:40Z")

</div>

> [@Jozef\_Plata](#):
>
> Now it thinks I’m using React,

What does it think? You mean the console logs? The inspector is made with React. I am a Vue fanboy too 😃

---

<div class="post-metadata">

**Author:** ![Jozef\_Plata](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jozef_plata/32/30733_2.png) [@Jozef\_Plata](https://forum.babylonjs.com/u/Jozef_Plata)\
**Post date:** [February 7, 2022, 7:41am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/9 "2022-02-07T07:41:25Z")

</div>

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/0/b/0b8b6481d17b768c23cd67b576f55b0be571b647.png)  
Yeah, it’s not an error. Just funny 😄

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [February 7, 2022, 7:46am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/10 "2022-02-07T07:46:27Z")

</div>

So problem solved?  
Edit: thanks for marking as a solution

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [February 7, 2022, 9:34am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/11 "2022-02-07T09:34:05Z")

</div>

One more thing here. Why do you import the whole BABYLON namespace?

---

<div class="post-metadata">

**Author:** ![Jozef\_Plata](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jozef_plata/32/30733_2.png) [@Jozef\_Plata](https://forum.babylonjs.com/u/Jozef_Plata)\
**Post date:** [February 7, 2022, 9:37am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/12 "2022-02-07T09:37:08Z")

</div>

Yeah I thought it was a good idea at start. I got rid of that already!

---

<div class="post-metadata">

**Author:** ![Knifepro](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/knifepro/32/39429_2.png) [@Knifepro](https://forum.babylonjs.com/u/Knifepro)\
**Post date:** [September 13, 2022, 11:48am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/13 "2022-09-13T11:48:44Z")

</div>

Hello everyone, I checked the steps, but I have the same problem, do you think there is another reason?  
 ![Ekran görüntüsü 2022-09-13 144801](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/9/c/9c878a98ef1e57c0514f283f768a52c9109456ec.png)  
 ![Ekran görüntüsü 2022-09-13 144822](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/c/6/c677ef951c8ae890e7209bbc1e450a556e22fe0a.png)

---

<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:** [September 13, 2022, 12:56pm UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/14 "2022-09-13T12:56:59Z")

</div>

Could you share a repro ?

---

<div class="post-metadata">

**Author:** ![Knifepro](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/knifepro/32/39429_2.png) [@Knifepro](https://forum.babylonjs.com/u/Knifepro)\
**Post date:** [September 13, 2022, 1:13pm UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/15 "2022-09-13T13:13:51Z")

</div>

Import Error: Unable to load from /assets/babylon5/booths/stant18.gltf: Cannot read properties of null (reading ‘0’)

I don’t understand what you mean by “repro” but the error code is above

---

<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:** [September 13, 2022, 1:27pm UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/16 "2022-09-13T13:27:32Z")

</div>

sorry by repro I mean, could you reproduce in the playground ? or share a github TINY project ?

At a first glance it would seem you are missing the import ‘@babylonjs/loaders’

---

<div class="post-metadata">

**Author:** ![Knifepro](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/knifepro/32/39429_2.png) [@Knifepro](https://forum.babylonjs.com/u/Knifepro)\
**Post date:** [September 16, 2022, 7:46am UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/17 "2022-09-16T07:46:49Z")

</div>

I got it, I’m sorry for not understanding 🙂 but the project is too big I’m a Jr developer so I can’t share it  
I just want to summarize the problem briefly  
In an area where I upload 12 objects, 1 of my objects is not always loaded due to this error 12/11 is loading 1 of them falls into the error section

---

<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:** [September 16, 2022, 3:37pm UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/18 "2022-09-16T15:37:21Z")

</div>

We cannot unfortunately help without seeing actual code ☹

---

<div class="post-metadata">

**Author:** ![Dominux](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/dominux/32/25482_2.png) [@Dominux](https://forum.babylonjs.com/u/Dominux)\
**Post date:** [December 16, 2022, 1:00pm UTC](https://forum.babylonjs.com/t/babylon-gui-cannot-read-properties-of-null-reading-getcomponent/27421/19 "2022-12-16T13:00:38Z")

</div>

Hi, I’m using a version 5.38.0 of “babylonjs-gui”

Updating the main “babylonjs” package to to the last version has solved my problem