如何消除 useMutation 的延迟？

Question

我有一个按钮，我想使用 loading 钩子中的 useMutation 道具来激活微调器，但由于响应延迟，在我单击按钮后有一点延迟。加载道具不会立即设置为 true。

const SomeComponent = () => {
const [addTodo, { data }] = useMutation(ADD_TODO);

return (
...

<Button onClick={() => addTodo("test")} loading={loading}>Submit</Button>
// Will take 500ms or so until the spinner spins due to delay in receiving 
// which defeats the purpose of the loading spinner

</form> 
)}

是否有一种优雅的解决方案可以确保在我触发突变的那一刻将 loading 设置为 true？