# Why my house model not showing and animation not working?

**URL:** <https://discourse.threejs.org/t/why-my-house-model-not-showing-and-animation-not-working/58375>\
**Category:** Questions\
**Tags:** react-three-fiber, threejs\
**Created:** [November 20, 2023, 2:17pm UTC](https://discourse.threejs.org/t/why-my-house-model-not-showing-and-animation-not-working/58375 "2023-11-20T14:17:28Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sayedul\_Karim](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sayedul_karim/32/32192_2.png) [@Sayedul\_Karim](https://discourse.threejs.org/u/Sayedul_Karim)\
**Post date:** [November 20, 2023, 2:17pm UTC](https://discourse.threejs.org/t/why-my-house-model-not-showing-and-animation-not-working/58375/1 "2023-11-20T14:17:28Z")

</div>

Hi there, I am new in threejs. I am using Vite + React + Typescript.  
I’m using 2 Models. One is a House and the other is a Fish.  
**Problem 1:**  
The House Is not showing. Here I tried so many ways to import but still not working.

 ![ttttt](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/1/9/19e05a63724d1cda1e12b77917240ad760bc6711.png)

**Problem 2**

The Fish model am using has animation. I mean the website I downloaded the model and there was animation. But now on my website there is no animation. Even when I try to `console.log`, I get empty object

```javascript
    const group = useRef<any>();
    const { nodes, materials, animations } = useGLTF(
        "./models/house/f1.glb"
    ) as GLTFResult;
    const { actions } = useAnimations(animations, group);

// Here try to console the "actions" and get empty object

```

Thank you so much

---

<div class="post-metadata">

**Author:** ![drcmda](https://avatars.discourse-cdn.com/v4/letter/d/91b2a8/32.png) [@drcmda](https://discourse.threejs.org/u/drcmda)\
**Post date:** [November 20, 2023, 2:59pm UTC](https://discourse.threejs.org/t/why-my-house-model-not-showing-and-animation-not-working/58375/2 "2023-11-20T14:59:26Z")

</div>

well, it says scale 0, so it’s invisible. you most likely used gltfjsx to make the model declarative. but in order to do that it must represent digits as text, if the model is really really small then 4 digits after the point aren’t enough. you can control that: npx gltfjsx model.glb --precision=6  
you can also fix it in the model via blender.

actions is only valid in useEffect, the model does not exist yet when you log it out, in useEffect it exists and now you can log and play your animations.

---

<div class="post-metadata">

**Author:** ![Sayedul\_Karim](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sayedul_karim/32/32192_2.png) [@Sayedul\_Karim](https://discourse.threejs.org/u/Sayedul_Karim)\
**Post date:** [November 20, 2023, 3:32pm UTC](https://discourse.threejs.org/t/why-my-house-model-not-showing-and-animation-not-working/58375/3 "2023-11-20T15:32:36Z")

</div>

> [@drcmda](#):
>
> –precision=6

Thank you. and it’s working. How can I make the small model bigger?

---

<div class="post-metadata">

**Author:** ![drcmda](https://avatars.discourse-cdn.com/v4/letter/d/91b2a8/32.png) [@drcmda](https://discourse.threejs.org/u/drcmda)\
**Post date:** [November 21, 2023, 9:04am UTC](https://discourse.threejs.org/t/why-my-house-model-not-showing-and-animation-not-working/58375/4 "2023-11-21T09:04:45Z")

</div>

in three? `<Model scale={...}>` in blender you select it, hit s, type a number, and then cmd-a \> apply all transforms.

---

<div class="post-metadata">

**Author:** ![Sayedul\_Karim](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sayedul_karim/32/32192_2.png) [@Sayedul\_Karim](https://discourse.threejs.org/u/Sayedul_Karim)\
**Post date:** [November 21, 2023, 10:24am UTC](https://discourse.threejs.org/t/why-my-house-model-not-showing-and-animation-not-working/58375/5 "2023-11-21T10:24:28Z")

</div>

Thank you so much