Skip to Content
FrontendBundlesCRUDHooksuseInitialFormValues

useInitialFormValues

useInitialFormValues transforms an entity API response into form-compatible initial values. Handles type conversions, relation IDs, and multi-select values.

Import

import { useInitialFormValues } from "@phpcreation/frontend-crud-react-nextjs-bundle/hooks/useInitialFormValues";

Usage

import { useInitialFormValues } from "...";
import { useForm } from "react-hook-form";
 
function EditForm({ entity, formFields }) {
  const initialValues = useInitialFormValues(entity, formFields);
 
  const form = useForm({ defaultValues: initialValues });
 
  return <RenderFormFields fields={formFields} form={form} />;
}

What It Does

TransformationExample
Relation ID extraction{ account: { id: 5, name: "X" } } → { account: "5" }
Many-to-many arrays{ tags: [{id:1}, {id:2}] } → { tags: ["1","2"] }
Date formattingISO string → picker-compatible format
Boolean coercionAPI 1/0 → true/false
Last updated on
useFormValuesuseDefaultFormValues