{"_id":"@ayovchev/formik-debouncer","_rev":"8-583c53e5a78c2eb3a8fb6aec235977d3","name":"@ayovchev/formik-debouncer","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.0":{"name":"@ayovchev/formik-debouncer","version":"1.0.0","keywords":["react","hook","formik","debounce"],"author":{"name":"Asen Yovchev"},"license":"MIT","_id":"@ayovchev/formik-debouncer@1.0.0","maintainers":[{"name":"ayovchev","email":"ayovcheff@gmail.com"}],"homepage":"https://github.com/aYo-dev/formik-debouncer#readme","bugs":{"url":"https://github.com/aYo-dev/formik-debouncer/issues"},"dist":{"shasum":"19a4ab83cb3e5a315cfb735acbda64a5f03b22c8","tarball":"https://registry.npmjs.org/@ayovchev/formik-debouncer/-/formik-debouncer-1.0.0.tgz","fileCount":12,"integrity":"sha512-GvpDyfD4uktxvR+0y/HtvW9tv1Diw+bT5pzSCCvMRLKT0G/05UOS1hVQFdnFSuSgMKfwQFZJUsdzJDPR49xRRQ==","signatures":[{"sig":"MEUCIQCyfMox16HIN15SNThn0ZtYNzLf8GAvh5IWJYRW2Rdp0gIgGuL7uulh931hWvq8wJ1tCwdnw4IZYQexbv5MD6CMxYM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13405},"main":"build/cjs/index.js","types":"build/cjs/index.d.ts","module":"build/esm/index.js","exports":{".":{"import":"./build/esm/index.js","require":"./build/cjs/index.js"}},"gitHead":"ce4bf4c431a96c407dfc7b8af3b74b1b1b4037f1","scripts":{"test":"npx jest --watchAll","build":"npm run build:cjs && npm run build:esm","build:cjs":"npx tsc --project tsconfig.cjs.json","build:esm":"npx tsc --project tsconfig.esm.json"},"_npmUser":{"name":"ayovchev","email":"ayovcheff@gmail.com"},"repository":{"url":"git+https://github.com/aYo-dev/formik-debouncer.git","type":"git"},"_npmVersion":"10.9.2","description":"A React hook for integrating debounce functionality into formik form.","directories":{},"_nodeVersion":"22.15.0","dependencies":{"formik":"^2.4.6","@ayovchev/react-debounce-callback-hook":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^19.1.0","ts-jest":"^29.3.2","react-dom":"^19.1.0","typescript":"^5.8.3","@types/jest":"^29.5.14","@types/react":"^19.1.3","@testing-library/dom":"^10.4.0","@testing-library/react":"^16.3.0","jest-environment-jsdom":"^29.7.0","@testing-library/jest-dom":"^6.6.3","@testing-library/user-event":"^14.6.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/formik-debouncer_1.0.0_1747318121763_0.6335205162657793","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@ayovchev/formik-debouncer","version":"1.0.1","keywords":["react","hook","formik","debounce"],"author":{"name":"Asen Yovchev"},"license":"MIT","_id":"@ayovchev/formik-debouncer@1.0.1","maintainers":[{"name":"ayovchev","email":"ayovcheff@gmail.com"}],"homepage":"https://github.com/aYo-dev/formik-debouncer#readme","bugs":{"url":"https://github.com/aYo-dev/formik-debouncer/issues"},"dist":{"shasum":"a03d7f395c8d05599f60ae4717752ae4fe0aca7b","tarball":"https://registry.npmjs.org/@ayovchev/formik-debouncer/-/formik-debouncer-1.0.1.tgz","fileCount":21,"integrity":"sha512-s8aqokk6chTmoPG6m2Y1lnFWHdTMA0XB8PwALMJmC8cfzToJ0qPWseKyBgsNuOqwjiOPBYooJLKgwY+Pu/SURw==","signatures":[{"sig":"MEQCIHoiA3loEzrLU0yVUGqyxwIjR1QqDbxmolkLusBi52LRAiAXTTWiEA/YqdlUYrHRtNU5FUbAzHmjdexxGiEnFw++NQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":20481},"main":"build/cjs/index.js","types":"build/cjs/index.d.ts","module":"build/esm/index.js","exports":{".":{"import":"./build/esm/index.js","require":"./build/cjs/index.js"}},"gitHead":"ce40ee9f9243ab7b80c471837672fb3374518879","scripts":{"test":"npx jest --watchAll","build":"npm run build:cjs && npm run build:esm","build:cjs":"npx tsc --project tsconfig.cjs.json","build:esm":"npx tsc --project tsconfig.esm.json"},"_npmUser":{"name":"ayovchev","email":"ayovcheff@gmail.com"},"repository":{"url":"git+https://github.com/aYo-dev/formik-debouncer.git","type":"git"},"_npmVersion":"10.9.2","description":"A React hook for integrating debounce functionality into formik form.","directories":{},"_nodeVersion":"22.15.0","dependencies":{"formik":"^2.4.6","@ayovchev/react-debounce-callback-hook":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^19.1.0","ts-jest":"^29.3.2","react-dom":"^19.1.0","typescript":"^5.8.3","@types/jest":"^29.5.14","@types/react":"^19.1.3","@testing-library/dom":"^10.4.0","@testing-library/react":"^16.3.0","jest-environment-jsdom":"^29.7.0","@testing-library/jest-dom":"^6.6.3","@testing-library/user-event":"^14.6.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/formik-debouncer_1.0.1_1747390246952_0.9851951758326851","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@ayovchev/formik-debouncer","version":"1.0.2","keywords":["react","hook","formik","debounce"],"author":{"name":"Asen Yovchev"},"license":"MIT","_id":"@ayovchev/formik-debouncer@1.0.2","maintainers":[{"name":"ayovchev","email":"ayovcheff@gmail.com"}],"homepage":"https://github.com/aYo-dev/formik-debouncer#readme","bugs":{"url":"https://github.com/aYo-dev/formik-debouncer/issues"},"dist":{"shasum":"80acc7d0d317387e43e513b0c84394a6b87645d7","tarball":"https://registry.npmjs.org/@ayovchev/formik-debouncer/-/formik-debouncer-1.0.2.tgz","fileCount":21,"integrity":"sha512-Gn9Wxh4rdCBOouaIfr9qWwmIWj0SoDCmbkotHYRdr30a6O6HVMj3f1Xr2lOCgfIqdtHJRmInC58gDv+hYVpwYA==","signatures":[{"sig":"MEQCICb2fsHcXNYnXDZ3lvDTNaglqGGEXjTPjtQc7VZNuZGvAiAPibipxy8ZHpZ9FVKZyip0C/2x87ECD6MPM9Wowqnyyw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":20907},"main":"build/cjs/index.js","types":"build/cjs/index.d.ts","module":"build/esm/index.js","exports":{".":{"import":"./build/esm/index.js","require":"./build/cjs/index.js"}},"gitHead":"0191525a413e931e335d2f9451497872a0bb05ee","scripts":{"test":"npx jest --watchAll","build":"npm run build:cjs && npm run build:esm","build:cjs":"npx tsc --project tsconfig.cjs.json","build:esm":"npx tsc --project tsconfig.esm.json"},"_npmUser":{"name":"ayovchev","email":"ayovcheff@gmail.com"},"repository":{"url":"git+https://github.com/aYo-dev/formik-debouncer.git","type":"git"},"_npmVersion":"10.9.2","description":"A React hook for integrating debounce functionality into formik form.","directories":{},"_nodeVersion":"22.15.0","dependencies":{"formik":"^2.4.6","@ayovchev/react-debounce-callback-hook":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^19.1.0","ts-jest":"^29.3.2","react-dom":"^19.1.0","typescript":"^5.8.3","@types/jest":"^29.5.14","@types/react":"^19.1.3","@testing-library/dom":"^10.4.0","@testing-library/react":"^16.3.0","jest-environment-jsdom":"^29.7.0","@testing-library/jest-dom":"^6.6.3","@testing-library/user-event":"^14.6.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/formik-debouncer_1.0.2_1748434806107_0.6539766218911709","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@ayovchev/formik-debouncer","version":"1.0.3","keywords":["react","hook","formik","debounce"],"author":{"name":"Asen Yovchev"},"license":"MIT","_id":"@ayovchev/formik-debouncer@1.0.3","maintainers":[{"name":"ayovchev","email":"ayovcheff@gmail.com"}],"homepage":"https://github.com/aYo-dev/formik-debouncer#readme","bugs":{"url":"https://github.com/aYo-dev/formik-debouncer/issues"},"dist":{"shasum":"10e4585e583c0419942d5de033d87d3b733906f6","tarball":"https://registry.npmjs.org/@ayovchev/formik-debouncer/-/formik-debouncer-1.0.3.tgz","fileCount":21,"integrity":"sha512-Wvc+E08oynSE5pDVmqQd45gZknUWg3ZHhK0OSIPy630tXSK5nvZo/fNnbnmnIh29Vr51D8d5LTOV7zVJsh9k1w==","signatures":[{"sig":"MEUCIHtGl8HwS1/DtKzSdhhTSCu+Id+7eTmVqbgCSM+ziQAvAiEAhsC5pnSbw65ufr3fjUZCpdu1Us82Sf4slYRMSfvjVVc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":20907},"main":"build/cjs/index.js","types":"build/cjs/index.d.ts","module":"build/esm/index.js","exports":{".":{"import":"./build/esm/index.js","require":"./build/cjs/index.js"}},"gitHead":"196f6fdb71cec86230a76820a472dd9fe48eec39","scripts":{"test":"npx jest --watchAll","build":"npm run build:cjs && npm run build:esm","build:cjs":"npx tsc --project tsconfig.cjs.json","build:esm":"npx tsc --project tsconfig.esm.json"},"_npmUser":{"name":"ayovchev","email":"ayovcheff@gmail.com"},"repository":{"url":"git+https://github.com/aYo-dev/formik-debouncer.git","type":"git"},"_npmVersion":"10.9.2","description":"A React hook for integrating debounce functionality into formik form.","directories":{},"_nodeVersion":"22.15.0","dependencies":{"formik":"^2.4.6","@ayovchev/react-debounce-callback-hook":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^19.1.0","ts-jest":"^29.3.2","react-dom":"^19.1.0","typescript":"^5.8.3","@types/jest":"^29.5.14","@types/react":"^19.1.3","@testing-library/dom":"^10.4.0","@testing-library/react":"^16.3.0","jest-environment-jsdom":"^29.7.0","@testing-library/jest-dom":"^6.6.3","@testing-library/user-event":"^14.6.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/formik-debouncer_1.0.3_1748435130518_0.7772608564061962","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@ayovchev/formik-debouncer","version":"1.0.4","keywords":["react","hook","formik","debounce"],"author":{"name":"Asen Yovchev"},"license":"MIT","_id":"@ayovchev/formik-debouncer@1.0.4","maintainers":[{"name":"ayovchev","email":"ayovcheff@gmail.com"}],"homepage":"https://github.com/aYo-dev/formik-debouncer#readme","bugs":{"url":"https://github.com/aYo-dev/formik-debouncer/issues"},"dist":{"shasum":"ace6937de0129a0f64747ef6dd1cb4bc56b7c493","tarball":"https://registry.npmjs.org/@ayovchev/formik-debouncer/-/formik-debouncer-1.0.4.tgz","fileCount":33,"integrity":"sha512-Ky7p8JR4h32iMELdmavJi6gwbqS/wI2+7L+j8duSPc7acw1zWKpoO5Dmmn/6X3bzO6dnQAb/OuI1jdu/4r9f5A==","signatures":[{"sig":"MEQCIF+rKMtGejQpVryPjpqs10i3a4Ue2MekvK1YJmH5QH6OAiBWEfY0Woyx3HwLdrnUBvnwj6Z46rzwrXC9cRLPJa+AJg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30306},"main":"build/cjs/index.js","types":"build/cjs/index.d.ts","module":"build/esm/index.js","exports":{".":{"import":"./build/esm/index.js","require":"./build/cjs/index.js"}},"gitHead":"9fb171c7fa5f48d39bed369b2d004982efec5122","scripts":{"test":"npx jest --watchAll","build":"npm run build:cjs && npm run build:esm","build:cjs":"npx tsc --project tsconfig.cjs.json","build:esm":"npx tsc --project tsconfig.esm.json","prepublishOnly":"yarn build"},"_npmUser":{"name":"ayovchev","email":"ayovcheff@gmail.com"},"repository":{"url":"git+https://github.com/aYo-dev/formik-debouncer.git","type":"git"},"_npmVersion":"10.9.2","description":"A React hook for integrating debounce functionality into formik form.","directories":{},"_nodeVersion":"22.15.0","dependencies":{"formik":"^2.4.6","@ayovchev/react-debounce-callback-hook":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^19.1.0","ts-jest":"^29.3.2","react-dom":"^19.1.0","typescript":"^5.8.3","@types/jest":"^29.5.14","@types/react":"^19.1.3","@testing-library/dom":"^10.4.0","@testing-library/react":"^16.3.0","jest-environment-jsdom":"^29.7.0","@testing-library/jest-dom":"^6.6.3","@testing-library/user-event":"^14.6.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/formik-debouncer_1.0.4_1748436531879_0.43953609725435117","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@ayovchev/formik-debouncer","version":"1.0.5","keywords":["react","hook","formik","debounce"],"author":{"name":"Asen Yovchev"},"license":"MIT","_id":"@ayovchev/formik-debouncer@1.0.5","maintainers":[{"name":"ayovchev","email":"ayovcheff@gmail.com"}],"homepage":"https://github.com/aYo-dev/formik-debouncer#readme","bugs":{"url":"https://github.com/aYo-dev/formik-debouncer/issues"},"dist":{"shasum":"699fffeafca6d6fe3942348a3fb84a79c6b23209","tarball":"https://registry.npmjs.org/@ayovchev/formik-debouncer/-/formik-debouncer-1.0.5.tgz","fileCount":33,"integrity":"sha512-6aDH21yavClqeXVe/M5TE3IojS1QL++JL4t07xFZyecAE62RvQaXmBJiMWP/5N79OqKgIznT49XPY6Y+MOjrwA==","signatures":[{"sig":"MEYCIQDCqFGj7iB1Mj5TkXLKaHLIyC8lBwALjVoTRwAdWwLyqAIhAPVi89CoiJIY+NV0rv1+wX+0mTjXUJR/PhbugfoCXHTj","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":29800},"main":"build/cjs/index.js","types":"build/cjs/index.d.ts","module":"build/esm/index.js","exports":{".":{"import":"./build/esm/index.js","require":"./build/cjs/index.js"}},"gitHead":"1a14168dbb15e621e1718e6540a4d20e713ccbae","scripts":{"test":"npx jest --watchAll","build":"npm run build:cjs && npm run build:esm","build:cjs":"npx tsc --project tsconfig.cjs.json","build:esm":"npx tsc --project tsconfig.esm.json","prepublishOnly":"yarn build"},"_npmUser":{"name":"ayovchev","email":"ayovcheff@gmail.com"},"repository":{"url":"git+https://github.com/aYo-dev/formik-debouncer.git","type":"git"},"_npmVersion":"10.9.2","description":"A React hook for integrating debounce functionality into formik form.","directories":{},"_nodeVersion":"22.15.0","dependencies":{"formik":"^2.4.6","@ayovchev/react-debounce-callback-hook":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","react":"^19.1.0","ts-jest":"^29.3.2","react-dom":"^19.1.0","typescript":"^5.8.3","@types/jest":"^29.5.14","@types/react":"^19.1.3","@testing-library/dom":"^10.4.0","@testing-library/react":"^16.3.0","jest-environment-jsdom":"^29.7.0","@testing-library/jest-dom":"^6.6.3","@testing-library/user-event":"^14.6.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/formik-debouncer_1.0.5_1748513107864_0.6693189957665238","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@ayovchev/formik-debouncer","version":"1.0.6","description":"A React hook for integrating debounce functionality into formik form.","keywords":["react","hook","formik","debounce"],"main":"build/cjs/index.js","module":"build/esm/index.js","types":"build/cjs/index.d.ts","exports":{".":{"import":"./build/esm/index.js","require":"./build/cjs/index.js"}},"author":{"name":"Asen Yovchev"},"license":"MIT","scripts":{"build:cjs":"npx tsc --project tsconfig.cjs.json","build:esm":"npx tsc --project tsconfig.esm.json","build":"npm run build:cjs && npm run build:esm","prepublishOnly":"yarn build","test":"npx jest --watchAll"},"repository":{"type":"git","url":"git+https://github.com/aYo-dev/formik-debouncer.git"},"bugs":{"url":"https://github.com/aYo-dev/formik-debouncer/issues"},"homepage":"https://github.com/aYo-dev/formik-debouncer#readme","dependencies":{"@ayovchev/react-debounce-callback-hook":"^1.0.1","formik":"^2.4.6"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"devDependencies":{"ts-jest":"^29.3.2","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.3.0","@testing-library/user-event":"^14.6.1","@types/jest":"^29.5.14","@types/react":"^19.1.3","react":"^19.1.0","react-dom":"^19.1.0","jest":"^29.7.0","jest-environment-jsdom":"^29.7.0","typescript":"^5.8.3"},"gitHead":"08e9a5a2d9f00b0e8e34bd7a3df93ef6cad10d32","_id":"@ayovchev/formik-debouncer@1.0.6","_nodeVersion":"18.9.1","_npmVersion":"8.19.1","dist":{"integrity":"sha512-c+mdX4UzHgDozQSc+c4Fjeo578JwyKr1MUnYfY4n5IZF5oZx69zKxLJICnVfoB4wkqotwOd63qm/GPGdIWoY5Q==","shasum":"e2179c82c6cd2396e767831d7fa6d05c458724b2","tarball":"https://registry.npmjs.org/@ayovchev/formik-debouncer/-/formik-debouncer-1.0.6.tgz","fileCount":33,"unpackedSize":29862,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCY0OTFdlR4+c+1ob+pcIDZQ46Hv2reHbm+kwYrAzaksAIgFpN+xBk0ocQw0WJqsIyH1Xz9O85igFck5GlWOTEi3bI="}]},"_npmUser":{"name":"ayovchev","email":"ayovcheff@gmail.com","actor":{"name":"ayovchev","email":"ayovcheff@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"ayovchev","email":"ayovcheff@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/formik-debouncer_1.0.6_1752059381923_0.23272363636790372"},"_hasShrinkwrap":false}},"time":{"created":"2025-05-15T14:08:41.761Z","modified":"2025-07-09T11:09:42.348Z","1.0.0":"2025-05-15T14:08:41.964Z","1.0.1":"2025-05-16T10:10:47.143Z","1.0.2":"2025-05-28T12:20:06.293Z","1.0.3":"2025-05-28T12:25:30.720Z","1.0.4":"2025-05-28T12:48:52.069Z","1.0.5":"2025-05-29T10:05:08.051Z","1.0.6":"2025-07-09T11:09:42.140Z"},"bugs":{"url":"https://github.com/aYo-dev/formik-debouncer/issues"},"author":{"name":"Asen Yovchev"},"license":"MIT","homepage":"https://github.com/aYo-dev/formik-debouncer#readme","keywords":["react","hook","formik","debounce"],"repository":{"type":"git","url":"git+https://github.com/aYo-dev/formik-debouncer.git"},"description":"A React hook for integrating debounce functionality into formik form.","maintainers":[{"name":"ayovchev","email":"ayovcheff@gmail.com"}],"readme":"# Formik Debouncer\n\nThe `useDebounceFormik` hook enhances [Formik](https://formik.org/) forms by introducing a debounce mechanism, making it ideal for forms with debounced components like `input` or `textarea`. This ensures a smoother user experience by preventing data loss and ensuring proper form behavior. While it works seamlessly with any debounced components, it is particularly optimized for use with [useDebounceCallback](https://github.com/aYo-dev/react-debounce-callback-hook), enabling consistent and efficient debounce behavior.\n\n## Features\n\n- **Enhanced Formik Performance**: Decreases the frequency of rerenderings caused by state changes.\n- **Debounced Form Submission**: Prevents multiple rapid submissions by debouncing the submit handler.\n- **Centralized Debounce Configuration**: Easily configure debounce delay for all form fields in one place.\n- **Optimized for Debounced Inputs**: Works seamlessly with debounced components like `input` or `textarea`.\n- **Integration with useDebounceCallback**: Designed to work efficiently with [useDebounceCallback](https://github.com/aYo-dev/react-debounce-callback-hook).\n- **Improved User Experience**: Reduces data loss and ensures proper form behavior during fast user interactions.\n\n## Installation\n\nInstall the required dependency:\n\n```bash\nnpm install @ayovchev/formik-debouncer\n```\n\n## Usage\n\n### useDebounceFormik\n\nHere’s how you can use it in your project:\n\n```tsx\nimport { useDebounceFormik, LazyField } from '@ayovchev/formik-debouncer';\nimport { Formik, Form, Field } from 'formik';\n\nconst MyForm = () => {\n  const { onSubmit, fieldProps } = useDebounceFormik(\n    (data, helpers) => {\n      console.log('Form submitted with data:', data);\n      helpers.resetForm();\n    },\n    300 // debounce delay in milliseconds\n  );\n\n  return (\n    <Formik\n      initialValues={{ name: '' }}\n      onSubmit={onSubmit}\n    >\n      {({ isSubmitting }) => (\n        <Form>\n          <LazyField \n            {...fieldProps}\n            name=\"name\"\n            label=\"Name\"\n            Component=\"input\"\n            onChange={value => console.log(value)}\n            />\n          <button type=\"submit\" disabled={isSubmitting}>\n            Submit\n          </button>\n        </Form>\n      )}\n    </Formik>\n  );\n};\n```\n\n### Demo\n\nCheck out the live demo on [StackBlitz](https://stackblitz.com/edit/vitejs-vite-7ujwcekl?file=src%2FApp.tsx)\n\n## API\n\n### `useDebounceFormik`\n\n#### Parameters\n\n- `submit: useDebounceFormikSubmitType<T>`  \n  A callback function that handles the form submission. It receives the form data and Formik helpers as arguments.\n\n- `delay?: number`  \n  The debounce delay in milliseconds. Defaults to `500ms` if not provided.\n\n#### Returns\n\n- `onSubmit: (data: T, helpers: FormikHelpers<T>) => void`  \n  A debounced submit handler to be passed to Formik's `onSubmit`.\n\n- `fieldProps: { debounce: boolean; delay: number }`  \n  Props to be spread onto form fields that support debouncing.\n\n### `LazyField` Props\n\n- `name`: string — The field name.\n- `label`: string — The label for the field.\n- `Component`: React component or string (e.g., `\"input\"`, `\"textarea\"`).\n- `delay`: number (optional) — Debounce delay in ms.\n- `onChange`: function — Callback for value changes.\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details.","readmeFilename":"README.md"}