Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

143
Views
Input re-rendering and losing focus every time I type when using Formik

When using FieldArray in Formik my inputs are always rerendered and thus they lose focus when a user types.

   <FieldArray
      name="wallets"
      className="space-y-4"
      component={(arrayHelpers) => (
        <>
          {
            formik.values.wallets.map((wallet, i) => (
              <div
                key={i}
   {...}

Following the docs, Formik uses an index as the child key, which is not a good practice, but I don't have any other immutable value in the wallet to use (all of them might be changed within form). I believe the re-render is not a matter of using the index as a key but simply Formik re-rendering the whole mapped values each time a value changes.

Is there any way to prevent this to happen without being a huge hack?

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!