Next.js中使用rc-tabs等组件库出现类型无效错误求助

在Next.js项目中使用rc-tabs组件库时出现如下错误，但相同代码在纯React.js环境中运行正常，不清楚错误原因以及Next.js和React.js的渲染机制差异：

Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components)

对应项目页面为http://localhost:3000/order，使用的代码如下：

import React from 'react';
import Tabs, { TabPane } from 'rc-tabs';

const order = () => {
  return (
    <div>
      <Tabs defaultActiveKey="2" onChange={() => {}}>
        <TabPane tab="tab 1" key="1">
          first
        </TabPane>
        <TabPane tab="tab 2" key="2">
          second
        </TabPane>
        <TabPane tab="tab 3" key="3">
          third
        </TabPane>
      </Tabs>
    </div>
  );
};

export default order;

除rc-tabs外，尝试过react-best-tabs、react-tabs等其他标签页组件库，均出现相同错误，同时已提供错误截图及项目结构截图。

内容的提问来源于stack exchange，提问作者SUN