diff --git a/example/package.json b/example/package.json
index eca2b8a..98572cf 100644
--- 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
index 4935d30..9eba6c8 100644
--- 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
index e1d775b..333c659 100644
--- 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>