Does zod-form-data support arrays of objects?

[JeffBeltran]

Hey there, curious if im doing things wrong or trying something that isn't supported.

Looking at https://www.remix-validated-form.io/arrays-and-nested, i thought this would work

import { useActionData } from "@remix-run/react";
import { z } from "zod";
import { zfd } from "zod-form-data";

const schema = zfd.formData({
  todos: zfd.repeatable(
    z.array(z.object({ title: zfd.text(), description: zfd.text() }))
  ),
});

export const action: ActionFunction = async ({ request }) => {
  const formData = await request.formData();
  return schema.parse(formData);
};

export default function Foo() {
  const data = useActionData();

  console.log(data);

  return (
    <form method="post">
      <input name="todos[0].title" defaultValue="title 1" />
      <input name="todos[0].description" defaultValue="description 1" />
      <input name="todos[1].title" defaultValue="title 2" />
      <input name="todos[1].description" defaultValue="description 2" />
      <button type="submit">Submit</button>
    </form>
  );
}

when i submit the form i get

{ todos: [] }

i've tried a few different combos on the schema but can't seem to get what i would expect, so just not sure if i'm using the package wrong? or if i need to use the full remix-validated-form package?

[airjp73]

Looks like this is a bug. This line here should be using set from lodash. Would you mind filing an issue?

[tsulatsitamim]

I still can get empty array when validate array of object

result

schema

payload