Не определена ошибка в реакции при прямом экспорте функционального компонента, а не при назначении const

Question

Добрый день, мастера! Я новичок ie в React, и я просто хочу прояснить ситуацию с импортом пользовательских компонентов.

У меня есть функциональный компонент, который был экспортирован напрямую, а не назначен на const . Что я имею в виду под , экспортируемым напрямую , это ..

export default PageLoader = () => {

    useEffect(() => {
        console.log("TEST");
    }, []);

    return (null);

}

, и я получаю эту ошибку при импорте в другой компонент.

но если я лучше сделаю это,

const Pageloader = () => {

    useEffect(() => {
        console.log("TEST");
    }, []);

    return (null);

}

export default Pageloader;

ошибка исчезла!

Просто перепутал с разницей. Пожалуйста, помогите мне разобраться с вещами :) Заранее спасибо! :)