sofakingsic Posts - Answer Overflow

sofakingsic

Posts Comments

TTCTheo's Typesafe Cult

•Created by sofakingsic on 6/25/2023 in #questions

Build command uncovers typechecking errors not shown by intellisense

Has anyone run into this? Not sure even how to start debugging Looks like my tsserver is running fine

3 replies

TTCTheo's Typesafe Cult

•Created by sofakingsic on 6/17/2023 in #questions

Bet you can't fix this CSS

https://codepen.io/cewfewdawedada/pen/qBQZjNP make the longText wrap so the flex-grow is respected 😉

4 replies

TTCTheo's Typesafe Cult

•Created by sofakingsic on 6/10/2023 in #questions

How to use TRPC inside handleSubmit

Hey, trying to create a form and inside the handleSubmit make a call to a query in my router, heres the code

function handleSubmit(e: FormEvent<HTMLFormElement>) {
    e.preventDefault();

    const form = e.target;
    const formData = new FormData(form);
    const formObject = formSchema.parse(Object.fromEntries(formData.entries()));
    api.card.updateCard.useQuery(formObject);
  }

function handleSubmit(e: FormEvent<HTMLFormElement>) {
    e.preventDefault();

    const form = e.target;
    const formData = new FormData(form);
    const formObject = formSchema.parse(Object.fromEntries(formData.entries()));
    api.card.updateCard.useQuery(formObject);
  }

The error I'm getting is Unhandled Runtime Error Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. Is there a different flow for making trpc calls inside a form submit?

3 replies

Gaming

Programming