Shaders freeze when changing uniforms with react-dat-gui

[aliiscript]

I doubt it is a react-dat-gui specific problem but when using a slider to update a uniform I created called 'frequency' to get more waves on a plane, it freezes the shader animation. I used useMemo for uniforms but that only stops the freezing when I resize the window.
const uniforms = useMemo(() => { return { uFrequency: { value: new THREE.Vector2(props.uFrequencyX, props.uFrequencyY), }, uTime: { value: 0 }, uColor: { value: new THREE.Color("orange") }, uTexture: { value: flagTexture }, }; }, [props.uFrequencyX, props.uFrequencyY]);
Following Bruno Simon's course and translating it to Nextjs if that helps in any way. Let me know if more info is needed to help me. Much thanks in advance for any help.

[aliiscript]

Solved it! Not sure how to close this,but If anyone runs into a similar problem--I passed my props that are manipulated by react-dat-gui straight into the mesh, using a ref, like bruno did instead of changing the uniforms object directly:
if (shaderMaterialRef.current) { shaderMaterialRef.current.uniforms.uFrequency.value = new THREE.Vector2( props.uFrequencyX, props.uFrequencyY ); }
message me if you this wasnt clear 🙏

[gsimone]

This is also what shaderMaterial does. It creates an object with setters and getters based on the uniforms:

import { render } from 'react-three-fiber'
import { shaderMaterial } from '@react-three/drei'

const MyMaterial = shaderMaterial({ u_uniform: 0 }, vertex, fragment)

extend({ MyMaterial }) // add the material to r3f namespace

...
<MyMaterial u_uniform={state} /> // this will set myMaterialInstance.uniforms.u_uniform.value