_reactDom.default.createElement is not a function

Question

// app.js
import React from 'react'

const APP = ()=>(<div>hello world</div>)
export default APP

// index.js
import Koa from "koa";
import React from "react-dom";
import ReactDOMServer from 'react-dom/server';

import App from "./app";
const app = new Koa();

app.use(async ctx => {
  const res = ReactDOMServer.renderToString(<App></App>)
  ctx.type = "text/html";
  ctx.body = res
});

app.listen(3000, () => {
  console.log("the server start on port 3000");
});

执行命令babel-node index.js

报错如下：

TypeError: _reactDom.default.createElement is not a function

已配置babel

// .babelrc
{
    "presets": [
        "@babel/preset-env",
        "@babel/preset-react"
    ]
}