Proplem with react vite

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Gemini Clone</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
  </body>
</html>

this is main index.html
but when I run using npm run dev
the title doesn’t change to gemeni clone


like in the picture below

have you tried looking at this already? if not then this should be useful, happy reading :slight_smile: reactjs - How can I dynamically change title in Vite React? - Stack Overflow

I dont know how it can help

I read it

You don’t need to do anything, it should just change.

Did you remember to save the file and did the console show the reload?

[vite] page reload index.html