5 replies

Property 'useMutation' does not exist

Hello, I'm very new to T3 and pretty new to coding in general. Going through my first tutorial on youtube to build a simple application and it seems like there has been some small changes made recently in how you set up simple CRUD and I can't seem to figure it . Problem is simply that whenever I try to use tRPC's useMutation method here, it simply gives me an error saying that it "does not exist on type '{ useContext():..." despite following the tutorial.

const Home: NextPage = () => {
  const [snippetText, setSnippetText] = useState("");
  const snippet = trpc.useMutation("snippet.saveSnippet");

  const handleSaveSnippet = async () => {
    const newSnippet = await snippet.mutateAsync({
      text: snippetText,
    })
    console.table(newSnippet);
  }

const Home: NextPage = () => {
  const [snippetText, setSnippetText] = useState("");
  const snippet = trpc.useMutation("snippet.saveSnippet");

  const handleSaveSnippet = async () => {
    const newSnippet = await snippet.mutateAsync({
      text: snippetText,
    })
    console.table(newSnippet);
  }

TTC

Theo's Typesafe Cult•4y ago•

5 replies

ruhroh

Property 'useMutation' does not exist

const Home: NextPage = () => {
  const [snippetText, setSnippetText] = useState("");
  const snippet = trpc.useMutation("snippet.saveSnippet");

  const handleSaveSnippet = async () => {
    const newSnippet = await snippet.mutateAsync({
      text: snippetText,
    })
    console.table(newSnippet);
  }

const Home: NextPage = () => {
  const [snippetText, setSnippetText] = useState("");
  const snippet = trpc.useMutation("snippet.saveSnippet");

  const handleSaveSnippet = async () => {
    const newSnippet = await snippet.mutateAsync({
      text: snippetText,
    })
    console.table(newSnippet);
  }

Property 'useMutation' does not exist

Similar Threads

Property 'useMutation' does not exist

Similar Threads

Similar Threads

Similar Threads