Reused component outside the <Formik> and different form in a website

[matintang]

I have two questions about component and different forms in a website.

1. I have created the reused components (eg: input field).
   If i want to use the reused component outside the component, it will show an error like "Uncaught TypeError: Cannot read properties of undefined (reading 'getFieldProps')"
   What should I do? Do I need to created two same reused component (without using formik and with using formik)?

2. In my website, it has different form in different pages like login page, register page, search page and son on.
   Do I need to create a in each page? Is it the suitable method to to that?
   What is the better method to do this?

Thanks