I am trying to integrate with React (create-react-app)

I have set up the environment correctly with all the css, js, etc folders in my public folder and with all the script tags and link tags added in the index.html file.

In the React side, I am able to render texts and headings pulled out from one of the demos. However, elements like headers and footers appear as full white even though I am able to hover over the links underneath. So the source code is there and running but all the DOM elements are plain white.

Please find my index.html attached. The React application renders under the div with the id of root, and I am confident that this is working as I can render styled text with Canvas classes through the React app. However, things that require js render but appear as plain white.

There must be an issue with the jQuery files or the JS files. Please assist.

Thanks.

Apparently I cannot upload the html file. So here it is.

  
    
    
- 

    
- 
    
- 
    
- 
    
- 
    
- 
    
- 
    
- 
    
- 

    
- 
    

    
    
    
- 
    
    
- 
    
    Seychelles Golf Club
  
  
    You need to enable JavaScript to run this app.
    
     tag.

      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->