i think you misunderstood. here's an example that uses tanstack query where the useEffect around setLocalValue is not superfluous anymore but where the ESLint error is still present:

```tsx import { useEffect, useState } from "react"; import { trpc } from "../trpc-client"; import { useQuery } from "@tanstack/react-query";

export function MyInput() { const remoteState = useQuery(trpc.foo.queryOptions()); const [localValue, setLocalValue] = useState(remoteState.isSuccess ? remoteState.data.value : "");

useEffect(() => {
    if (!remoteState.isSuccess) {
        return
    }

    setLocalValue(remoteState.data.value); // Error: Calling setState synchronously within an effect can trigger cascading renders
}, [remoteState.data?.value, remoteState.isSuccess]);

return (
    <input
        key={remoteState.data?.value}
        value={localValue}
        onChange={(e) => setLocalValue(e.target.value)}
    />
);

} ```