update vite and clean up form1

react-hook-form · Dec 3, 2023 · 45f46da · 45f46da
1 parent 34e2e2e
commit 45f46da
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/example/package.json b/example/package.json
@@ -1,6 +1,7 @@
 {
  "name": "rhf-devtools-example",
  "private": true,
+ "type": "module",
  "scripts": {
  "dev": "vite",
  "build": "tsc && vite build",
@@ -16,8 +17,8 @@
  "devDependencies": {
  "@types/react": "^17.0.4",
  "@types/react-dom": "^17.0.3",
- "@vitejs/plugin-react": "^2.0.0",
+ "@vitejs/plugin-react": "^4.2.0",
  "typescript": "^4.2.4",
- "vite": "^3.0.5"
+ "vite": "^5.0.4"
  }
 }
diff --git a/example/src/App.css b/example/src/App.css
@@ -112,7 +112,6 @@ nav {
 nav > a {
  appearance: none;
  text-decoration: inherit;
- text-transform: uppercase;
  color: white;
  border: 1px solid white;
  border-radius: 4px;

diff --git a/example/src/forms/Form1.tsx b/example/src/forms/Form1.tsx
@@ -28,13 +28,15 @@ const Form1: React.FC<{ placement: PLACEMENT }> = ({ placement }) => {
  return (
  <>
  <form onSubmit={handleSubmit((data) => data)}>
- <label>First Name</label>
- <input {...register('firstName', { required: true })} />
- <input {...register('ha.test', { required: true })} />
-
- <label>Last Name</label>
- <input {...register('lastName', { required: true })} />
+ <label>
+ First Name
+ <input {...register('firstName', { required: true })} />
+ </label>
 
+ <label>
+ Last Name
+ <input {...register('lastName', { required: true })} />
+ </label>
  <input style={{ fontWeight: 400 }} type="submit" />
  </form>