Всем привет! Подскажите, пожалуйста, куда нужно поместить условие c list.length, чтобы убрать ошибку React Hooks are called conditionally? Пробовал в useEffect обернуть, но в таком случае возвращается пустой список при первом рендере. Важно, чтобы список всё также возвращался при первом рендере
const List = ({ list }) => {
if (list.length === 0) {
return <div>LOADING...</div>;
}
const [localList, setLocalList] = useState(list);
useEffect(() => {
setList(localList);
}, [localList]);
const handleChange = useCallback((id) => {
setLocalList((prevLocalList) =>
prevLocalList.map((item, index) => {
return index !== id ? item : { ...item, checked: !item.checked };
})
);
}, []);
return (
<>
{localList?.map((item, index) => (
<MemoRow key={index} {...item} handleChange={handleChange} />
))}
</>
);
};