ref for values, that doesn't cause re-render?

[marc-at-brightnight]

I'm finding that if I modify a field, the below useEffect will trigger:

useEffect(() => console.log(form.state.values), [form.state.values])

is there a value I can use that doesn't cause a re-render? i.e. something like

const currentValuesRef = useRef(form.state.values)

[LeCarbonator]

If all you need is the current state of the values that doesn't cause a rerender, then why not access the values when you need them? What do you plan to use the ref for?

[marc-at-brightnight]

For example, I want to be able to use the values in a useEffect without a change in values triggering the useEffect.
i.e. in the example below, I want changes in effectTrigger to execute the useEffect but a change in values should not.

const currentValues = useRef(values);

useEffect(() => {
  doSomething(effectTrigger, currentValues.current);
}, [effectTrigger])

Now I realize I could simply leave values out of the dependency array but that seems hacky and then I need to ignore the biome error.

Does that make sense?

[LeCarbonator]

Why would this not work?

useEffect(() => {
   doSomething(effectTrigger, form.state.values) // the current form values
}, [effectTrigger])

[marc-at-brightnight]

As I mentioned before: I could simply leave form.state.values out of the dependency array but that seems hacky and then I need to ignore the biome error.

The reason why I bring it up is because the previous form paradigm I was using had a ref set to the current state and I kind of miss having that to make some patterns possible. If that's not part of the current API or plans to add, then fair enough, I will make do.

[LeCarbonator]

@marc-at-brightnight Well, you probably need to add form to the dependency array just for safety, but that's a stable reference. Does biome keep complaining if you do that?

It's not part of the current API since the error seems questionable. The form reference is generated from a useState and is never changed, so it's as stable of a reference as you'll get for React.

[marc-at-brightnight]

Thanks!