如何在Next.js中使用AtlasKit编辑器？

我正在尝试将AtlasKit与Next.js 8一起使用，但由于某些原因，在尝试构建时出现

SyntaxError:Unexpected token export

错误

我认为这是因为@atlaskit/editorcore没有为ES6进行适当的预处理（通过webpack或babel等），但我不确定。有什么想法吗

//Home.tsx
import * as React from 'react';
import * as classnames from 'classnames';
import * as css from './Home.css';
import { Editor } from '@atlaskit/editor-core';

export const Home: React.FunctionComponent = props => (
  <div className={classnames('test', css.home)}>
    <Editor />
  </div>
);

//Home.tsx
从“React”导入*作为React；
从“类名称”导入*作为类名称；
从“/Home.css”导入*作为css；
从“@atlaskit/Editor-core”导入{Editor}；
export const Home:React.FunctionComponent=props=>(
);

我已经创建了一个回购协议，以在此处复制该问题：

使用AtlasKit编辑器的文件是~/src/components/Home.tsx