后台把价格从 99 改成 129，接口返回的 data 已经是 129，页面仍显示 99，手动刷新一次才更新。DevTools 里 query 缓存是 129，组件 state 还是 99。日志里能对上时间点，这种反而好排。
首次拿到数据后复制进了 useState，之后只读本地副本，服务端再返回新值也不会覆盖。同步用的 useEffect 依赖数组是空的，这段逻辑只跑过一次。这一点先确认清楚，后面就不用反复试。
const { data } = useQuery({ queryKey: ['product', id], queryFn: fetchProduct });
return <span>{data?.price}</span>;
「React Query 与本地状态」确认了原因之后，改动尽量只碰那一处，顺手改的东西后面最容易出问题。能分两步做的操作就别合成一步，中间看一眼返回值，出问题好判断。
报错里带路径的，先去看那个路径在不在、权限对不对。同一份配置存在多处的，先确认改的是被加载的那一份。
处理上按这个顺序：直接渲染 query.data 不再复制到本地 state；需要本地编辑时用 useEffect 监听 data 变化回填；或者用 select 派生展示值 保留原始缓存；后台改一次价 不刷新页面看是否跟着变。
结果对不对很好判断，后台改价后切回页面，价格在一秒内变成 129，不用手动刷新。