I needed to pass project
to the <ProjectForm />
. I don’t it want it to be a any
type, how can I put a type there for the project
? What’s the proper type
for it?
ProjectDetails.tsx
export default function ProjectDetails() {
const submit = useSubmit();
const project = useLoaderData<typeof loader>();
const onSubmit = (data: FormData) => {
submit({ ...data }, { method: "post" });
};
return (
<>
<h1>Project Details</h1>
<div>
<ProjectForm project={project} onSubmit={onSubmit} />
</div>
</>
);
}
ProjectForm.tsx
interface ProjectFormProps {
project?: any;
onSubmit: (data: any) => any;
}
const ProjectForm = ({ project, onSubmit }: ProjectFormProps) => {
return ...
}