Form re-renders more than it should

[atoi]

Using the following code I get:

• 4 render messages on page load
• another 2 when I enter the first character into the input
• another 2 when I clear the input

What do I do wrong? Or is it the intended behavior and I just have to learn to live with that?

P.S. No, this is not the "1 server + 1 client log" case. I counted only the client logs.

import { z } from 'zod';
import {
  Form as FrameworkForm,
  useActionData,
  useNavigation,
  useSubmit,
} from '@remix-run/react';
import { createForm } from 'remix-forms';

const Form = createForm({
  component: FrameworkForm,
  useActionData,
  useNavigation,
  useSubmit,
});

const schema = z.object({ test: z.string() });

export default function Test() {
  return (
    <Form schema={schema}>
      {({ Field, Errors, Button }) => {
        console.log('RENDER FORM');
        return (
          <>
            <Field name="test" />
            <Errors />
            <Button />
          </>
        );
      }}
    </Form>
  );
}

[enBonnet]

It could be a development race condition? Can you try it with the environment set as production?