fix: move useMemo before early return to fix React hooks order
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user