fix: move useMemo before early return to fix React hooks order

This commit is contained in:
2025-11-18 08:03:36 +01:00
parent cb396ddfd6
commit fa3588d619

View File

@@ -26,8 +26,6 @@ export function EffectBrowser({ open, onClose, onSelectEffect }: EffectBrowserPr
const [search, setSearch] = React.useState(''); const [search, setSearch] = React.useState('');
const [selectedCategory, setSelectedCategory] = React.useState<string | null>(null); const [selectedCategory, setSelectedCategory] = React.useState<string | null>(null);
if (!open) return null;
const handleSelectEffect = (effectType: EffectType) => { const handleSelectEffect = (effectType: EffectType) => {
onSelectEffect(effectType); onSelectEffect(effectType);
onClose(); onClose();
@@ -53,6 +51,8 @@ export function EffectBrowser({ open, onClose, onSelectEffect }: EffectBrowserPr
return filtered; return filtered;
}, [search]); }, [search]);
if (!open) return null;
return ( return (
<div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50" onClick={onClose}> <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50" onClick={onClose}>
<div <div