I am learning React and got weird error. If I name my component as "App" then get the following error: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

But if I rename it to Apps then it works fine. Below is code snippet:

function App(){
    return <h1> hiiii</h1>;
}
export default App;

import ReactDom from "react-dom";
import Test from './Test';
import Apps from './Apps';
import App from './App';
import './index.css';

console.log (App);
console.log(Test);
ReactDom.render(
    <App />,
    document.getElementById("root")
);

Even console.log(App) also shows null object. Can anyone tell me the reason for it?