Fresh: `toggle` is not a function.

interface Props {
  toggle: () => void;
}

export function MyButton({ toggle }: Props) {
  return (
    <button
      type="button"
      onClick={() => toggle()}
    >
      Toggle
    </button>
  );
}

interface Props {
  toggle: () => void;
}

export function MyButton({ toggle }: Props) {
  return (
    <button
      type="button"
      onClick={() => toggle()}
    >
      Toggle
    </button>
  );
}

import { useComputed, useSignal } from "@preact/signals";
import { MyButton } from "../islands/Button.tsx";

export default function LandingPage() {
  const isLoggingIn = useSignal(true);
  const toggle = () => isLoggingIn.value = !isLoggingIn.value;
  const text = useComputed(() => isLoggingIn.value ? "Logging In" : "Register");

  return (
    <div>
      <h1>{text}</h1>
      <MyButton toggle={toggle} />
    </div>
  );
}

import { useComputed, useSignal } from "@preact/signals";
import { MyButton } from "../islands/Button.tsx";

export default function LandingPage() {
  const isLoggingIn = useSignal(true);
  const toggle = () => isLoggingIn.value = !isLoggingIn.value;
  const text = useComputed(() => isLoggingIn.value ? "Logging In" : "Register");

  return (
    <div>
      <h1>{text}</h1>
      <MyButton toggle={toggle} />
    </div>
  );
}