리액트가 버전 18로 업데이트되면서 이제 더이상 reactDOM.render를 하지않고,

아래와 같이 createRoot를 통해서 root를 render해주고 있습니다.

You are importing createRoot from 'react-dom' which is not supported | bobbyhadz

import React from 'react';
import Router from './Router';
import GlobalStyle from './styles/GlobalStyle';

import { ThemeProvider } from 'styled-components';
import { theme, mixins } from './styles/theme';
import { createRoot } from 'react-dom/client';

const rootElement = document.getElementById('root');
const root = createRoot(rootElement);
root.render(
  <>
    <GlobalStyle />
    <ThemeProvider theme={{ ...theme, ...mixins }}>
      <Router />
    </ThemeProvider>
  </>
);

https://www.youtube.com/watch?v=7mkQi0TlJQo