In my app, I have a parent component (a wizard) named [login to view URL] and a number of child components (steps of the wizard) named [login to view URL], [login to view URL] etc. They all are Class based components with some local validation functions.
Previous and Next buttons to advance between the steps reside in the Wizard.js.
To advance the next step of the wizard, I'm trying to call a method from PrimaryForm. I tried using ref or forwardRef, but I could not make it work. If I use forwardRef, I receive "TypeError: Cannot read property 'handleCheckServer' of null" error. If I use ref, I receive warning of "Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use [login to view URL]()?".