Hey,

If I have a form component, something like that calls an external API via a server action

Form.tsx

export default function KycForm() {
  async function doSomething(formData: FormData) {
    "use server";
    const query = await fetch('domain.com');
    const response = await query.json();
    console.log(response);
    return response;
  }

  return (
    <Form action={doSomething} className="grid w-full items-start gap-6">
      <ComponentSettings doSomething={}/>
      <ResourceSettings />

      <button type="submit">Submit</button>
    </Form>
  );
}

How do I go about handling logic where, a change made to a form element in ComponentSettings would be able to trigger something in ResourceSettings? For example, a tickbox in one component, might trigger a dropdown in another?

If I use EventHandlers like above, Next errors because I cant use client side event handlers in a server component, but i can't make the form client side because i use a server action?