Theo's Typesafe Cult•3y ago

trpc giving me a hooks error?

when a button is pressed im getting a hooks error, i think because im using this function as a consequence of the button press. What is the correct way to call this?

5 Replies

Unknown User•3y ago

Message Not Public

cje•3y ago

https://reactjs.org/docs/hooks-rules.html

Rules of Hooks – React

A JavaScript library for building user interfaces

cornflour•3y ago

useMutation is a hook and can only be called in a function component as the error said. You need to do something like this

const YourComponent = () => {
  const mutation = trpc.user.updateUserInfo.useMutation()
  const saveChanges = async () => {
    mutation.mutate(whatevertheParamsYouHaveHere)
  }
}

const YourComponent = () => {
  const mutation = trpc.user.updateUserInfo.useMutation()
  const saveChanges = async () => {
    mutation.mutate(whatevertheParamsYouHaveHere)
  }
}

Unknown User•3y ago

Message Not Public

MaxOP•3y ago

aaah, thanks people, that makes sense ❤️

Gaming

Programming

trpc giving me a hooks error?