const [first, setFirst] = useState(0);
const [second, setSecond] = useState(0);
const [sum, setSum] = useState(0);
const sumMutation = trpcNext.events.sum.useMutation();
const handleFirstChange = useCallback(
async (event: ChangeEvent<HTMLInputElement>) => {
setFirst(+event.target.value);
},
[]
);
const handleSecondChange = useCallback(
async (event: ChangeEvent<HTMLInputElement>) => {
setSecond(+event.target.value);
},
[]
);
useEffect(() => {
debugger;
sumMutation.mutateAsync({ first, second }).then((result) => {
setSum(result.output);
});
}, [first, second/*, sumMutation*/]);
const [first, setFirst] = useState(0);
const [second, setSecond] = useState(0);
const [sum, setSum] = useState(0);
const sumMutation = trpcNext.events.sum.useMutation();
const handleFirstChange = useCallback(
async (event: ChangeEvent<HTMLInputElement>) => {
setFirst(+event.target.value);
},
[]
);
const handleSecondChange = useCallback(
async (event: ChangeEvent<HTMLInputElement>) => {
setSecond(+event.target.value);
},
[]
);
useEffect(() => {
debugger;
sumMutation.mutateAsync({ first, second }).then((result) => {
setSum(result.output);
});
}, [first, second/*, sumMutation*/]);