leaflet.pub
a tool for shared writing and social publishing
set scope and clear
awarm.space
+7
-1
+7
-1
components/Mention.tsx
+7
-1
components/Mention.tsx
···
440
440
const [suggestions, setSuggestions] = useState<Array<Mention>>([]);
441
441
const [scope, setScope] = useState<MentionScope>({ type: "default" });
442
442
443
+
// Clear suggestions immediately when scope changes
444
+
const setScopeAndClear = useCallback((newScope: MentionScope) => {
445
+
setSuggestions([]);
446
+
setScope(newScope);
447
+
}, []);
448
+
443
449
useDebouncedEffect(
444
450
async () => {
445
451
if (!query && scope.type === "default") {
···
501
507
suggestionIndex,
502
508
setSuggestionIndex,
503
509
scope,
504
-
setScope,
510
+
setScope: setScopeAndClear,
505
511
};
506
512
}