6c434f84ab
* refactor(css): replace Tailwind classes with MUI sx * chore(deps): remove classnames * refactor(css): inline link baseline style * feat(css): use modern-normalize * chore(deps): remove tailwind * refactor(css): inline all Sass files * chore(deps): remove sass
35 lines
1.3 KiB
TypeScript
35 lines
1.3 KiB
TypeScript
import './polyfills'
|
|
import ReactDOM from 'react-dom/client'
|
|
import 'typeface-roboto'
|
|
|
|
import 'modern-normalize/modern-normalize.css'
|
|
import './index.css'
|
|
|
|
import { ThemeProvider, createTheme } from '@mui/material/styles'
|
|
import { PrismAsyncLight as SyntaxHighlighter } from 'react-syntax-highlighter'
|
|
|
|
import Init from './Init'
|
|
import reportWebVitals from './reportWebVitals'
|
|
|
|
// NOTE: This is a workaround for MUI components attempting to access theme code
|
|
// before it has loaded.
|
|
// See: https://stackoverflow.com/a/76017295/470685
|
|
;<ThemeProvider theme={createTheme()} />
|
|
|
|
// NOTE: This is a workaround for SyntaxHighlighter not working reliably in the
|
|
// EmbedCodeDialog component. It seems to have the effect of warming some
|
|
// sort of internal cache that avoids a race condition within
|
|
// SyntaxHighlighter.
|
|
// See: https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/513
|
|
ReactDOM.createRoot(document.createElement('div')).render(
|
|
<SyntaxHighlighter language="" children={''} />
|
|
)
|
|
|
|
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
|
|
root.render(<Init />)
|
|
|
|
// If you want to start measuring performance in your app, pass a function
|
|
// to log results (for example: reportWebVitals(console.log))
|
|
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
|
|
reportWebVitals()
|