React+TypeScript中Supabase复用查询致过滤器叠加无结果

核心原因是Supabase的查询实例是可变对象。你预定义的fetchUserWithGroups是一个已经初始化完成的查询对象，每次调用.eq()这类过滤方法时，都是直接在这个原对象上追加条件，而非生成全新的查询实例。

具体场景还原：

• 第一次请求时，给fetchUserWithGroups添加.eq('userId', userId1)，执行后该查询对象已留存这个过滤条件；
• 第二次请求时，再次调用.eq('userId', userId2)，相当于在原有条件基础上叠加了userId = userId1 AND userId = userId2的逻辑，两个矛盾的条件自然返回空结果。

快速解决思路 #

要么每次查询时重新构建查询链，避免复用同一实例：

// 改成返回查询构建函数，每次调用生成新实例
export const fetchUserWithGroups = () => supabase.from('user').select('*, groups: group_user_mapping ( group: event_group ( * ) )');

// 使用时
await fetchUserWithGroups().eq('userId', userId).maybeSingle();

要么每次复用前用.clone()复制新实例：

await fetchUserWithGroups.clone().eq('userId', userId).maybeSingle();

内容的提问来源于stack exchange，提问作者Karl Wolf