# Not able to find invisible components

**URL:** <https://community.thunkable.com/t/not-able-to-find-invisible-components/1042307>\
**Category:** Questions about Thunkable X\
**Created:** [January 7, 2021, 4:12am UTC](https://community.thunkable.com/t/not-able-to-find-invisible-components/1042307 "2021-01-07T04:12:50Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![samyak.whitehatjrbtt](https://avatars.discourse-cdn.com/v4/letter/s/b782af/32.png) [@samyak.whitehatjrbtt](https://community.thunkable.com/u/samyak.whitehatjrbtt)\
**Post date:** [January 7, 2021, 4:12am UTC](https://community.thunkable.com/t/not-able-to-find-invisible-components/1042307/1 "2021-01-07T04:12:50Z")

</div>

After the new update of Thunkable X, I am not able to find the invisible component for the firebase database. ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/5/05106895164f470220d5ecb1ea89e30b5f719cb8.png) I have added the api key and database and i searched the toolbox of coding area

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/2/52600cbb3f21f00463534e18aa4bb207a8ff997a.png) but i was not able to find the invisible component i was looking for. Nearest i found the Sign In option with a firebase icon but i was not able to get the blocks i wanted. ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/9/d9690426f8bdbc666c3d9e1c028e539333d2e6f8.png) I am using the new drag and drop option in my app and my windows is windows 10. Please help me out 😇

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [January 7, 2021, 4:17am UTC](https://community.thunkable.com/t/not-able-to-find-invisible-components/1042307/2 "2021-01-07T04:17:09Z")

</div>

in firebase auth no need of apis and alllll  
do it directlly

---

<div class="post-metadata">

**Author:** ![samyak.whitehatjrbtt](https://avatars.discourse-cdn.com/v4/letter/s/b782af/32.png) [@samyak.whitehatjrbtt](https://community.thunkable.com/u/samyak.whitehatjrbtt)\
**Post date:** [January 7, 2021, 4:18am UTC](https://community.thunkable.com/t/not-able-to-find-invisible-components/1042307/3 "2021-01-07T04:18:48Z")

</div>

But how do i do it directly? my teacher never told me how to do directly

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 7, 2021, 4:19am UTC](https://community.thunkable.com/t/not-able-to-find-invisible-components/1042307/4 "2021-01-07T04:19:46Z")

</div>

The new approach of Thunkable is to use Firebase by using cloud variables.

If the cloud variable matches the key in Firebase then you will get what is saved in Firebase without using any components.

---

<div class="post-metadata">

**Author:** ![samyak.whitehatjrbtt](https://avatars.discourse-cdn.com/v4/letter/s/b782af/32.png) [@samyak.whitehatjrbtt](https://community.thunkable.com/u/samyak.whitehatjrbtt)\
**Post date:** [January 7, 2021, 4:20am UTC](https://community.thunkable.com/t/not-able-to-find-invisible-components/1042307/5 "2021-01-07T04:20:57Z")

</div>

Actually, this is my first project after this update, and i haven’t been using thunkable for some days. So can you please show me in pictures how to do it?

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [January 7, 2021, 4:21am UTC](https://community.thunkable.com/t/not-able-to-find-invisible-components/1042307/6 "2021-01-07T04:21:17Z")

</div>

they all teach in old ui not in new  
so follow my post

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 7, 2021, 4:23am UTC](https://community.thunkable.com/t/not-able-to-find-invisible-components/1042307/7 "2021-01-07T04:23:16Z")

</div>

See this post which I made to demonstrate to another community member

> [@Filter & list only subcategories on Firebase DB](http://community.thunkable.com/t/filter-list-only-subcategories-on-firebase-db/1042203/12):
>
> I created a firebase structure similar to yours [image] I created a screen with only a list viewer and the only code is this When I run the project, this is the result Hope this makes it clear.

---

<div class="post-metadata">

**Author:** ![samyak.whitehatjrbtt](https://avatars.discourse-cdn.com/v4/letter/s/b782af/32.png) [@samyak.whitehatjrbtt](https://community.thunkable.com/u/samyak.whitehatjrbtt)\
**Post date:** [January 7, 2021, 4:23am UTC](https://community.thunkable.com/t/not-able-to-find-invisible-components/1042307/8 "2021-01-07T04:23:48Z")

</div>

OK thanks 😇 😇

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:31pm UTC](https://community.thunkable.com/t/not-able-to-find-invisible-components/1042307/9 "2024-11-08T13:31:02Z")

</div>


