import {Suspense} from "react"
import {Routes} from '@blitzjs/next'
import Head from "next/head"
import Link from 'next/link'
import { useRouter } from "next/router"
import {useQuery, useMutation} from '@blitzjs/rpc'
import {useParam} from '@blitzjs/next'
import Layout from "src/core/layouts/Layout"
import {Update__ModelName__Schema} from "src/__modelNamesPath__/schemas"
import get__ModelName__ from "src/__modelNamesPath__/queries/get__ModelName__"
import update__ModelName__ from "src/__modelNamesPath__/mutations/update__ModelName__"
import {__ModelName__Form, FORM_ERROR} from "src/__modelNamesPath__/components/__ModelName__Form"
export const Edit__ModelName__ = () => {
const router = useRouter()
const __modelId__ = useParam("__modelId__", "number")
if (process.env.parentModel) {
const __parentModelId__ = useParam("__parentModelId__", "number")
}
const [__modelName__, {setQueryData}] = useQuery(
get__ModelName__,
{id: __modelId__},
{
// This ensures the query never refreshes and overwrites the form data while the user is editing.
staleTime: Infinity
}
)
const [update__ModelName__Mutation] = useMutation(update__ModelName__)
return (
<>
Edit __ModelName__ {__modelName__.id}