Merge pull request #1 from SevanBadal/sevo/fix-create-user

Create User: Fix 500 Server Error and 400 Server Error

Author: saro9588

.env

@@ -27,6 +27,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env*
 
 # vercel
 .vercel

.gitignore

@@ -3,8 +3,8 @@ import { z } from "zod";
 import prisma from "@/prisma/client";
 
 const createUserSchema = z.object({
-  firstname: z.string().min(1).max(25),
-  lastname: z.string().min(1).max(25),
+  firstName: z.string().min(1).max(25),
+  lastName: z.string().min(1).max(25),
   notes: z.string().min(1),
 });
 
@@ -14,10 +14,10 @@ export async function POST(request: NextRequest) {
   if (!validation.success)
     return NextResponse.json(validation.error.errors, { status: 400 });
 
-  const newUser = await prisma.user.create({
+  const newUser = await prisma.users.create({
     data: {
-      firstname: body.firstname,
-      lastname: body.lastname,
+      firstname: body.firstName,
+      lastname: body.lastName,
       notes: body.notes,
     },
   });

app/api/users/route.ts

@@ -1,11 +1,16 @@
-"use client";
+'use client';
 import Link from "next/link";
-import SimpleMDE from "react-simplemde-editor";
 import "easymde/dist/easymde.min.css";
 import { useForm, Controller } from "react-hook-form";
 import { Button, TextField } from "@radix-ui/themes";
 import axios from "axios";
 import { useRouter } from "next/navigation";
+import dynamic from "next/dynamic";
+
+const SimpleMdeEditor = dynamic(
+	() => import("react-simplemde-editor"),
+	{ ssr: false }
+);
 
 const NewUser = () => {
   const router = useRouter();
@@ -17,12 +22,13 @@ const NewUser = () => {
   const {
     register,
     control,
+    reset,
     handleSubmit,
     formState: { errors },
   } = useForm<UserForm>();
   const onSubmit = handleSubmit(async (data) => {
     await axios.post("/api/users", data);
-    router.push("/users/new");
+    reset()
   });
   // firstName and lastName will have correct type
   return (
@@ -45,7 +51,7 @@ const NewUser = () => {
           name="notes"
           control={control}
           render={({ field }) => (
-            <SimpleMDE placeholder="notes..." {...field} />
+            <SimpleMdeEditor placeholder="notes..." {...field} />
           )}
         />