Function Edit

examples/react/react-router/src/routes/edit.tsx:26–33

()

  }

export default function Edit() {
  const { contactId } = useLoaderData() as Awaited<
    ReturnType<ReturnType<typeof loader>>
  >
  const { data: contact } = useSuspenseQuery(contactDetailQuery(contactId))

  return <ContactForm contact={contact} />
}

export function ContactForm({ contact }: { contact?: Contact }) {
  const navigate = useNavigate()