I've been working on my Django App for a couple of months now and decided to use React as my front-end, which I know is bad habit for development and makes everything a lot more complicated. I run npm build for my front-end app with Django, but when I launch the Django Project, it shows me the Django Rest Apis. When I wanted it to show me my UI, I built in React. Everything in my Django settings should be correct from tutorials and documentations, so I believe that isn't the issue. I've tried calling the my API's but I believe that isn't the issue either.

I am trying to keep everything as simple as possible, so if I'm missing stuff in my code I apologize, I just want to understand the very basics of React without having a lot of side code.

Here is my App.js

import React from 'react';
import './App.css';
import Form from './Form';



class App extends React.Component {
  render(){
    return(
        <Form />
      )
  }
}



export default App;

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';


ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

I would like to see this

Instead of this