Got info to start displaying on the browser

src/componets/KandyKorner.js

@@ -1,4 +1,11 @@
+import { LocationsList } from "./locations/Locations"
 
 export const KandyKorner = () => {
-    
+    return(
+    <>
+    <h1>Kandy Korner</h1>
+    <h2>Locations</h2>
+    <LocationsList />
+    </>
+)
 }

src/componets/index.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import reportWebVitals from './reportWebVitals';
-import { KandyKorner } from './KandyKorner';
-
-ReactDOM.render(
-    <React.StrictMode>
-        <KandyKorner />
-    </React.StrictMode>,
-    document.getElementById('root')
-);
-
-reportWebVitals();

src/index.js

@@ -1,17 +1,20 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { KandyKorner } from './componets/KandyKorner';
 import './index.css';
-import App from './App';
 import reportWebVitals from './reportWebVitals';
 
+
 ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
+    <React.StrictMode>
+        <KandyKorner />
+    </React.StrictMode>,
+    document.getElementById('root')
 );
 
+
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
 reportWebVitals();
+KandyKorner();