diff --git a/app/notes/CreateNote.tsx b/app/notes/CreateNote.tsx
index 8da7c48..7df951e 100644
--- a/app/notes/CreateNote.tsx
+++ b/app/notes/CreateNote.tsx
@@ -17,14 +17,14 @@ export default function CreateNote() {
 
   const router = useRouter();
 
-  const create = async() => {
+  const create = async(e: React.FormEvent) => {
     // const db = new PocketBase('http://127.0.0.1:8090');
 
     // await db.records.create('notes', {
     //   title,
     //   content,
     // });
-
+    e.preventDefault()
     await fetch('http://127.0.0.1:8090/api/collections/notes/records', {
       method: 'POST',
       headers: {
@@ -43,7 +43,7 @@ export default function CreateNote() {
   }
 
   return (
-    <form onSubmit={create}>
+    <form onSubmit={(e)=>create(event)}>
       <h3>Create a new Note</h3>
       <input
         type="text"
diff --git a/app/notes/page.tsx b/app/notes/page.tsx
index 11104fe..6f853ac 100644
--- a/app/notes/page.tsx
+++ b/app/notes/page.tsx
@@ -1,7 +1,7 @@
 // import PocketBase from 'pocketbase';
 import Link from 'next/link';
 import styles from './Notes.module.css';
-import CreateNote from './Create';
+import CreateNote from './CreateNote';
 
 // export const dynamic = 'auto',
 //   dynamicParams = true,