Из официального справочного справки :
Когда тип элемента начинается с буквы в нижнем регистре, он ссылается на встроенный компонент, такой как или, и приводит к строка 'div' или 'span' передается в React.createElement. Типы, начинающиеся с заглавной буквы, такие как компиляция в React.createElement (Foo) и соответствуют компоненту, определенному или импортированному в ваш файл JavaScript.
blockquote>Также обратите внимание:
Мы рекомендуем назначать компоненты с большой буквы. Если у вас есть компонент, который начинается с буквы в нижнем регистре, назначьте его капитализированной переменной перед использованием в JSX.
blockquote>Это означает, что вам нужно использовать:
const Foo = foo;
перед использованиемfoo
в качестве компонента в JSX.