Creating two instances of a form in two different components that share the same state

[abdullah-manafikhi]

I want to create a form and use it in two different components. I want them to be synchronized, meaning they have the same inputs and share the same state, what is the best approach to achieve it?
I tried to use the basic useForm approach within the nearest parent component and pass the logic through props, but I faced a problem with registering inputs where is every input has two instances, and as I know this is not acceptable in react hook form