feat(examples): add react-hook-form example & update formik example

ovh · Nov 28, 2024 · 570a4ac · 570a4ac
1 parent 8525df8
commit 570a4ac
Show file tree

Hide file tree

Showing 7 changed files with 650 additions and 195 deletions.
diff --git a/packages/examples/react-webpack/package.json b/packages/examples/react-webpack/package.json
@@ -15,6 +15,7 @@
     "formik": "2.4.6",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-hook-form": "7.53.2",
     "react-router": "6.27.0",
     "yup": "1.4.0"
   },

diff --git a/packages/examples/react-webpack/src/app/App.tsx b/packages/examples/react-webpack/src/app/App.tsx
@@ -3,7 +3,8 @@ import React, { type ReactElement } from 'react';
 import styles from './app.scss';
 // import { Gallery } from './components/gallery/Gallery';
 // import { FormFormik } from './components/formFormik/FormFormik';
-import { FormNative } from './components/formNative/FormNative';
+import { FormHookForm } from './components/formHookForm/FormHookForm';
+// import { FormNative } from './components/formNative/FormNative';
 // import { TestModal } from './components/testModal/TestModal';
 // import { TestSelect } from './components/testSelect/TestSelect';
 
@@ -12,9 +13,10 @@ import { FormNative } from './components/formNative/FormNative';
 function App(): ReactElement {
   return (
     <div className={ styles.app }>
-      {/* <Gallery /> */}
+      {/*<Gallery />*/}
       {/*<FormFormik />*/}
-       <FormNative />
+      <FormHookForm />
+      {/*<FormNative />*/}
       {/*<QueryClientProvider client={queryClient}>*/}
       {/*  <TestSelect />*/}
       {/*</QueryClientProvider>*/}