reactjs - NextJS プロジェクトの外部からコンポーネントをインポートできません

Question

私は以下のようなプロジェクト構造を持っています

- components
    - SharedComponent.js
- desktop
    - pages
        - page1.js
    - .next
- mobile
    - pages
        - page1.js
    - .next

2 つの NextJs プロジェクトがあります。2 つのプロジェクト間でコンポーネントを共有しようとしています。しかし、プロジェクトの 1 つで SharedComponents を使用しようとすると、エラーが発生します。SharedComponents は、JSX で書かれた React コンポーネントです。

以下はエラーです

 error  in ./components/SharedComponent.js
[1] Module parse failed: Unexpected token (98:12)
[1] You may need an appropriate loader to handle this file type.