Use vite to create your application, vite is build tool that aims to provide a faster and learner development experience for modern web projects. When we create react app directly it installed unwanted packages and dependencies and it's take time to install all the required packages.
Instead of using "npm create-react-app" use "npm create vite".
It is alway a good practise to use .jsx instead .js to create components in the vite-react app. Because in react app we are using html components in javascipt file.
Make sure components name and function that are being exported it's first letter should be in upper-case.
JSX elements must be wrapped in an enclosing tag. By default we can only return one element. We can fix this by using fragment <></> and we can define all the elements inside it.