[DÚVIDA] Ao inserir index.js no diretório componentes e alterar o App.js obetenho um erro

Olá pessoal, espero que possam me ajudar.

É o seguinte... Ao inserir o index.js no diretório components, e após modificar a sintaxe da importação dos arquivos no App.js, obtive um erro.

Eu deixei o código, conforme instrução da aula:

import React, { Component } from 'react';
import ListaDeNotas from './components/ListaDeNotas';
import FormularioCadastro from './components/FormularioCadastro';
import '../src/assets/App.css';
import '../src/assets/index.css';

Porém, só obtive sucesso acrescentando index no final dos imports, como mostrado abaixo:

import React, { Component } from 'react';
import ListaDeNotas from './components/ListaDeNotas/index'; (Aqui)
import FormularioCadastro from './components/FormularioCadastro/index'; (Aqui)
import '../src/assets/App.css';
import '../src/assets/index.css';

Alguém sabe me dizer o por quê disso ocorrer?

Obrigado desde já!!