Programmiererforum

Code: Select all

Type error: Type '{ params: { type: string; }; }' does not satisfy the constraint 'PageProps'.
Types of property 'params' are incompatible.
Type '{ type: string; }' is missing the following properties from type 'Promise': then, catch, finally, [Symbol.toStringTag]
< /code>
Dies ist der Fehler, den ich beim [url=viewtopic.php?t=18708]Importieren[/url] einiger Requisiten erhalte. Dies wird durchgeführt, um die Anzahl der getrennten Seiten zu reduzieren und ein einheitliches URL -Format zu erstellen.  < /p>
import {
Breadcrumb,
BreadcrumbItem,
BreadcrumbLink,
BreadcrumbList,
BreadcrumbPage,
BreadcrumbSeparator,
} from "@/components/ui/breadcrumb"
import * as form from "@/components/forms";

const formMap: Record = {
client: form.ClientForm,
invoice: form.InvoiceForm,
};

export default async function DynamicFormPage({ params }: { params: { type: string } }) {
const FormComponent =await formMap[params.type];

return (



Home


New


{params.type}








);
}
< /code>
Während das Beispielformular, das ich verwende, < /p>
ist"use client";

//frontend imports
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@/components/ui/accordion";
import * as field from "@/components/forms/fields";
import RadioField from "@/components/forms/fields/RadioField";
import { Checkbox } from "@/components/ui/checkbox";
import { Label } from "@/components/ui/label";

//backend imports
import { useForm } from "react-hook-form";
import { z } from "zod";
import { zodResolver } from "@hookform/resolvers/zod";

const clientSchema = z.object({
businessName: z.string().min(4, "Company name too short!!"),
})

export default function ClientForm() {

const {
register,
handleSubmit,
formState: { errors },
} = useForm({
resolver: zodResolver(clientSchema),
mode: "onBlur",
});

const onSubmit = (data: any) => {
console.log("Valid data:", data);
};

return (



Basic Information








Tax Information (Optional)








Address (Optional)









Shipping Details (Optional)









Additional Details (Optional)





  handleChange("showEmail", val === true)}
/>
Show Email in Invoice





Account Details (Optional)








);
}