Use app field components inside another field component

     <form.AppField name="items" mode="array">
        {(field) => (
          <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
            {field.state.value.map((item, index) => (
              <form.AppField name={`items[${index}]`}>
                {(field) => <field.ArticleField key={index} />}
              </form.AppField>
            ))}

            <field.AddArticleButton />
          </div>
        )}
      </form.AppField>

export default function ArticleField() {
  const field = useFieldContext<ClientApplicationItemFormValues>();

  const sku = useStore(field.store, (state) => state.value.sku);

  const quantitiesBySize = useStore(
    field.store,
    (state) => state.value.quantities_by_size
  );

  return (...)
}