arashi-dev
arashi-dev
PostsComments
TtRPC
Created by arashi-dev on 3/23/2023 in #❓-help
Rate limit in TRPC and NextJS?
Alright, thank you for your response :)) @alex / KATT
6 replies
TtRPC
Created by arashi-dev on 1/10/2023 in #❓-help
dynamic query and mutation
well, their schema is different but extending a common schema. I handled it using the useMutation and useQuary hooks imported directly from react-query and used the trpc getQueryKey method and useContext() methods. 
type Models = "products" | "colors" | "categories"
type Models = "products" | "colors" | "categories"
type FormProps<TModel extends Models> = {
    model: TModel
}

const Form = <TModel extends Models>({model}: FormProps<TModel>) => {
    ...

    const { data, status } = useQuery<RouterOutputs['admin'][TModel]['findOne']>(
        trpc.admin[model].findOne.getQueryKey({ id: +id! }, "query"),
        async (ctx) => {
            return await utils.client.admin[model as Models].findOne.query({
                id: +id!
            }, {
                signal: ctx.signal
            }) as RouterOutputs['admin'][TModel]['findOne']
        }
    )

    ...
}
type FormProps<TModel extends Models> = {
    model: TModel
}

const Form = <TModel extends Models>({model}: FormProps<TModel>) => {
    ...

    const { data, status } = useQuery<RouterOutputs['admin'][TModel]['findOne']>(
        trpc.admin[model].findOne.getQueryKey({ id: +id! }, "query"),
        async (ctx) => {
            return await utils.client.admin[model as Models].findOne.query({
                id: +id!
            }, {
                signal: ctx.signal
            }) as RouterOutputs['admin'][TModel]['findOne']
        }
    )

    ...
}
not sure if it is a good practice, but does the job
3 replies