I have created a react app using the command create-react-app my-app and when I build and start its working fine using npm start

Now I added one .JS file inside the SRC folder and used the tag inside App.Js Here is the below code for that component

import React from 'react'

        class Footer extends React.Component {
            render() {
                return (
                    <div>
                        <h1>It's a bit chilly out there</h1>
                    </div>
                );
            }
        }

        export default Footer;

After that I have added the Component into App.JS

class App extends React.Component{

  render() {
      return (
        <>
         <div>
              Test Component created using Class
              <Footer/>
          </div>
        
        </>
         
      );
  }
}
export default App;

After successfully compilation when I ran my app, I got empty browser and also get error in Console.