Search code examples
reactjsvitenpxethers.jshardhat

Cannot display React UI, Blank white page being displayed only


Im working on an NFT minting frontend with react, but it's giving me issues (as always). For some reason, it only displays a blank white page, which I'm struggling to understand. This is my main.jsx

import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import App from './App'

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

and this is my App.jsx [it's A LOT more than just this, I'm just trying to get it to display any damn text :( ]

import { useState } from 'react'
import logo from './logo.svg'
import './App.css'
import Install from './components/Install'

function App() {

const [count, setCount] = useState(0)

  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>Hello Vite + React!</p>
      </header>
    </div>
  )
}

export default App

Any feedback would be appreciated


Solution

  • Maybe try to remove unused packages and components. For this case Install component.