[Error] InitError: nhsuk-header: Root element (`$root`) already initialised
reportError (chunk-M2OQI4Y5.js:71)
defaultOnUncaughtError (react-dom_client.js:6965)
logUncaughtError (react-dom_client.js:7020)
runWithFiberInDEV (react-dom_client.js:999)
(anonymous function) (react-dom_client.js:7048)
callCallback (react-dom_client.js:5491)
commitCallbacks (react-dom_client.js:5503)
runWithFiberInDEV (react-dom_client.js:999)
commitLayoutEffectOnFiber (react-dom_client.js:9976)
flushLayoutEffects (react-dom_client.js:12924:146)
commitRoot (react-dom_client.js:12803)
commitRootWhenReady (react-dom_client.js:12016)
performWorkOnRoot (react-dom_client.js:11950)
performWorkOnRootViaSchedulerTask (react-dom_client.js:13505)
performWorkUntilDeadline (react-dom_client.js:36)
import { Header } from 'nhsuk-react-components'
import './App.css'
function App() {
return (
<>
<Header logo={{ href: '/' }}>
</Header>
</>
)
}
export default Appimport { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.tsx'
createRoot(document.getElementById('root')!).render(
<StrictMode>
<App />
</StrictMode>,
)<!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>test</title>
</head>
<body>
<script>document.body.className += ' js-enabled' + ('noModule' in HTMLScriptElement.prototype ? ' nhsuk-frontend-supported' : '');</script>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
