# \#useframe

**URL:** https://discourse.threejs.org/tag/useframe/1614.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Strange behaviour when skipping react render cycle R3F](https://discourse.threejs.org/t/strange-behaviour-when-skipping-react-render-cycle-r3f/89001)

<div class="topic-metadata">

**Author:** [@Askkattor](https://discourse.threejs.org/u/Askkattor)\
**Replies:** 0\
**Last updated:** [January 7, 2026, 11:25am UTC](https://discourse.threejs.org/t/strange-behaviour-when-skipping-react-render-cycle-r3f/89001 "2026-01-07T11:25:05Z")

</div>

Hello guys I hope someone can help me understand whats going on and if what I am doing is some kind of anti-pattern. I am trying stop react from rerendering the AnimatedBox component and only update the values in u…

---

## [React three fiber useFrame performance](https://discourse.threejs.org/t/react-three-fiber-useframe-performance/79423)

<div class="topic-metadata">

**Author:** [@Jason\_Maximilian](https://discourse.threejs.org/u/Jason_Maximilian)\
**Replies:** 1\
**Last updated:** [March 12, 2025, 2:49pm UTC](https://discourse.threejs.org/t/react-three-fiber-useframe-performance/79423 "2025-03-12T14:49:09Z")

</div>

in react three fiber what should i do if i wanna update values in different places of my app, should i use mutiple useFrames ? or what is the better solution ?

---

## [Performance issue and possible ways to improve it](https://discourse.threejs.org/t/performance-issue-and-possible-ways-to-improve-it/77687)

<div class="topic-metadata">

**Author:** [@estiva1](https://discourse.threejs.org/u/estiva1)\
**Replies:** 0\
**Last updated:** [February 6, 2025, 4:06pm UTC](https://discourse.threejs.org/t/performance-issue-and-possible-ways-to-improve-it/77687 "2025-02-06T16:06:41Z")

</div>

Hi everyone, I’m working on a React Three.js project that involves some complex animations. Most of them made with GSAP and not permanent. While the scene runs smoothly on high-end devices, I’m experiencing performance …

---

## [Transform Controls mouse controls offset when render on useFrame](https://discourse.threejs.org/t/transform-controls-mouse-controls-offset-when-render-on-useframe/66800)

<div class="topic-metadata">

**Author:** [@Ensar\_Eray\_Akkaya](https://discourse.threejs.org/u/Ensar_Eray_Akkaya)\
**Replies:** 1\
**Last updated:** [June 13, 2024, 8:38am UTC](https://discourse.threejs.org/t/transform-controls-mouse-controls-offset-when-render-on-useframe/66800 "2024-06-13T08:38:43Z")

</div>

TransformControls on my scene normally works but after I render camera on useFrame hook, TransformControls gizmos become offsetted as you can see in the video. All mouse clicks are offseted. useFrame(({camera, …

---

## [Rendering two cameras on top of each other](https://discourse.threejs.org/t/rendering-two-cameras-on-top-of-each-other/66739)

<div class="topic-metadata">

**Author:** [@Ensar\_Eray\_Akkaya](https://discourse.threejs.org/u/Ensar_Eray_Akkaya)\
**Replies:** 7\
**Last updated:** [June 12, 2024, 12:28pm UTC](https://discourse.threejs.org/t/rendering-two-cameras-on-top-of-each-other/66739 "2024-06-12T12:28:13Z")

</div>

In my scene I have two camera. I want to render main camera to cover all viewport and I want to render second camera to bottom corner. I rendered two of them but it does not work as I want. Problem is Main camera render…

---

## [How to make useFrame alternate between two colors](https://discourse.threejs.org/t/how-to-make-useframe-alternate-between-two-colors/66561)

<div class="topic-metadata">

**Author:** [@Cube\_3js](https://discourse.threejs.org/u/Cube_3js)\
**Replies:** 1\
**Last updated:** [June 8, 2024, 7:02am UTC](https://discourse.threejs.org/t/how-to-make-useframe-alternate-between-two-colors/66561 "2024-06-08T07:02:46Z")

</div>

I want to have a material’s color transition between teal and pink. I am not sure how to get the lerp’s alpha to alternate from one side to the other. Here is what I have so far: useFrame(() =\> { materialRef.curren…