I am exploring several online tutorials to learn how these technologies can be used together to build React TypeScript app.
I have two specific questions:
Is it possible to use these three technologies together? I came across this video which explains react-hook-form with redux but not Material-UI. index.js wraps everything (that is, App component which contains router routes to Step1.js, Step2.js etc.) with react-redux Provider. So, to introduce material-UI, all I have to do is to wrap Material UI components inside react-hook-form Controller in files say Step1.js?
This video says that react-hook-form FormProvider requires useFormContext which is based on react context API. Does this mean that we cannot use redux with FormProvider?
Yes. Material UI is simply for the view layer of your components. Redux is a global state management tool, and react-form-hook is for forms. I don't see why you wouldn't be able to use them together.
Even though the FormProvider uses Context API, you can still have your project's global state in a Redux store. If you do want to use Context API, it's practically the same as Redux, so it's up to you.