Nested Values

Check full example at StackBlitz.
import { createForm } from "solid-hook-form";

type ExampleFormValues = {
  user: {
    email: string;
    profile: {
      name: string;
    };
  };
};

export const ExampleForm = () => {
  const form = createForm<ExampleFormValues>({
    defaultValues: {
      user: {
        email: "",
        profile: {
          name: "",
        },
      },
    },
  });
  const { values, register, handleSubmit } = form;

  const onSubmit = (values: ExampleFormValues) => {
    console.log(values);
  };

  return (
    <FormProvider form={form}>
      <form onSubmit={handleSubmit(onSubmit)}>
        <input {...register("user.email")} />
        <input {...register("user.profile.name")} />

        <pre>{JSON.stringify(values(), null, 2)}</pre>
        <button type="submit">Save</button>
      </form>
    </FormProvider>
  );
};