Почему мой метод рендеринга React Dom не работает?

Я создаю приложение React-Django, и в компоненте App у меня возникает проблема на последней строке с render(<App />, appDiv). Пожалуйста, кто-нибудь может сказать мне, что я делаю неправильно? У меня импортированы необходимые модули, и это работало в моем предыдущем проекте. Я знаю, что компоненты на основе функций лучше, но у меня больше опыта с компонентами на основе классов.

Ошибка:

Код:

import React, { Component } from "react";
import { render } from "react-dom";
import HomePage from "./HomePage";

export default class App extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div className="center">
        <HomePage />
      </div>
    );
  }
}

const appDiv = document.getElementById("app");
render(<App />, appDiv);

Спасибо,

DillonB07

import { render } from "react-dom";

import ReactDOM from "react-dom";