Импорт локального пакета Lerna для React приводит к ошибке «Неожиданный токен» для тега HTML (скорее всего, проблема с React и NPM, а не с проблемой Lerna)

Question

Моя цель - сделать очень простое монорепо с Lerna, которое импортирует компонент из моего локального модуля, однако я сталкиваюсь с ошибкой:

Unexpected token (5:8)

  3 | export const TestParent = () => {
  4 |     return(
> 5 |         <p>Hello!</p>
    |         ^
  6 |     )
  7 | };
  8 |

Мой репозиторий Github здесь на всякий случай я не предоставляю достаточно контекста

Модуль, который я пытаюсь импортировать:

import React from "react";

export const TestParent = () => {
    return(
        <p>Hello!</p>
    )
};

Как я его импортирую:

import {TestParent} from "@test/common/SampleModule"

Модуль общего доступа находится в моем пакете. json, настроен автоматически Lerna:

  "dependencies": {
    "@test/common": "^0.0.0",

Я думаю:

Это то, что имеет меньше связано с Lerna и больше связано с импортом компонентов React. У меня была похожая проблема, когда я запускал React Rewired, чтобы импортировать его из / sr c папки.