18 replies

✅ – ✅ – Kuba – 22-47 May 20

Hello!
I'm struggling with integrating

react-hook-form

react-hook-form

. I have custom range input component, that I use with RHF by exposing the input with

forwardRef

forwardRef

.

I need to access the current value of the input for two things:
1. Display the initial value of the input.
2. Update the displayed value.

Both

props.value

props.value

and

props.defaultValue

props.defaultValue

are undefined. I tried to create a ref inside of the

RangeInput

RangeInput

, and useImperativeHandle for exposing it, but then the RHF wan't working.

Apparently forwarded

ref

ref

is a function, so

ref.current

ref.current

CodeSandbox is an online editor tailored for web applications.