import { Form, useNavigation } from "react-router"; import logoDark from "./logo-dark.svg"; import logoLight from "./logo-light.svg"; export function Welcome({ guestBook, guestBookError, message, }: { guestBook: { name: string; id: number; }[]; guestBookError?: string; message: string; }) { const navigation = useNavigation(); return (

{message}

React Router React Router
{ if (navigation.state === "submitting") { event.preventDefault(); } const form = event.currentTarget; requestAnimationFrame(() => { form.reset(); }); }} > {guestBookError && (

{guestBookError}

)}
    {
  • {message}
    • } {guestBook.map(({ id, name }) => (
  • {name}
    • ))}
); } const resources = [ { href: "https://reactrouter.com/docs", text: "React Router Docs", icon: ( ), }, { href: "https://rmx.as/discord", text: "Join Discord", icon: ( ), }, ];