Получение ошибки useMutation не существует для типа 'DecorateProcedure<MutationProcedure> при попытке использовать useMutation

Я использую маршрутизатор приложений NextJS.

Я пытаюсь вызвать довольно простой маршрут:

import { z } from "zod";

import { createTRPCRouter, publicProcedure } from "~/server/api/trpc";

// doc send user email to waitlist database
export const createEmailRouter = createTRPCRouter({
  postEmail: publicProcedure
    .input(
      z.object({
        email: z.string().email(),
      }),
    )
    .mutation(async ({ input }) => {
      console.info("email", input.email);
      return {
        email: input.email,
      };
    }),
});

Затем в root.ts добавляю маршрут:

export const appRouter = createTRPCRouter({
  post: postRouter,
  storeEmail: createEmailRouter,
});

Но когда я пытаюсь вызвать .useMutation для этого маршрута на своей странице, я всегда получаю следующую ошибку:

Любая подсказка о том, как это решить? Не удалось найти никакой информации в Интернете.

Спасибо!

typescript next.js trpc

06.04.2024 17:08

Зод: сила проверки и преобразования данных

Сегодня я хочу познакомить вас с библиотекой Zod и раскрыть некоторые ее особенности, например, возможности валидации и трансформации данных, а также...

Как заставить Remix работать с Mantine и Cloudflare Pages/Workers

Мне нравится библиотека Mantine Component , но заставить ее работать без проблем с Remix бывает непросто.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

TypeScript против JavaScript

TypeScript vs JavaScript - в чем различия и какой из них выбрать?

Синхронизация localStorage в масштабах всего приложения с помощью пользовательского реактивного хука useLocalStorage

Не все нужно хранить на стороне сервера. Иногда все, что вам нужно, это постоянное хранилище на стороне клиента для хранения уникальных для клиента...