Тег отображается как в реакции ⇐ Javascript

[Anonymous]

Я пытаюсь создать форму с помощью реакции.js
Вот что возвращает функция App

setOriginalUrl(e.target.value)}
className="input"
/>


{loading ? "..." : "shorten"}



css
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
font-family: sans-serif;
background-color: #f9f9f9;
padding: 20px;
}

Но после того, как я собрал его с помощью npm run build, я вижу в браузере, что тег формы становится div.
Я также использовал Vite для запуска проекта, возможно, это может как-то повлиять на него.
main.jsx
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'

import App from './App.jsx'

createRoot(document.getElementById('root')).render(


,
)


Я также пытался удалить StrictMode отсюда, но это не помогло.
index.html















Подробнее здесь: https://stackoverflow.com/questions/798 ... v-in-react