Ошибка: недопустимый тип элемента: ожидается строка или функция (для составных компонентов). Проверьте метод рендеринга SelectProfileContainer

У меня есть одна проблема в index.js, похоже, у меня ошибка с экспортом и импортом, я проверил свой код, но не могу найти ошибку. любая помощь, пожалуйста?

Я получаю эту ошибку:

Ошибка: недопустимый тип элемента: ожидалась строка (для встроенных компонентов) или класс/функция (для составных компонентов), но получено: не определено. Вероятно, вы забыли экспортировать свой компонент из файла, в котором он определен, или вы могли перепутать импорт по умолчанию и именованный импорт.

Проверьте метод рендеринга SelectProfileContainer

Мой код реакции (index.js):

import React from "react";
import { render } from "react-dom";
import "normalize.css";
import App from "./app";
import { GlobalStyles } from "./global-styles";
import { firebase } from "./lib/firebase.prod";
import { FirebaseContext } from "./context/firebase";
render(
  <>

    <FirebaseContext.Provider value = {{ firebase }}>

      <GlobalStyles />

      <App />

    </FirebaseContext.Provider>
  </>,
  document.getElementById("root")
);

вот код GlobalStyles.js:

import { createGlobalStyle } from "styled-components";

export const GlobalStyles = createGlobalStyle`
html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: black;
    color: #333333;
    font-size: 16px;
}

вот что выдает браузер:

Проверьте метод рендеринга SelectProfileContainer.

▶ 23 фрейма стека были свернуты.

Модуль.

C:/Users/CPU-MAJD/OneDrive/Desktop/Completely_fully_Netflix-clone/netflix/src/index.js:9

6 | импортировать {firebase} из "./lib/firebase.prod";

7 | импортировать {FirebaseContext} из "./context/firebase";

8 |

> 9 | оказывать(

10 | <>

11 | <FirebaseContext.Provider value = {{ firebase }}>

12 |