Module parse failed: Unexpected token – react-refresh-webpack-plugin/loader

I built a react component package locally, with Rollup.

Tech stack of package is: React, typescript, styled-components and so on…

  1. That package lives inside of the one project.

  2. Now I am trying to use that package inside of another project locally.

  3. Now I am trying to test that package

    • yarn link
    • open second project executed yarn link “package-name”
    • Imprted component (package)
    • yarn start

Result:

Failed to compile.

../enrollment-client/src/components/GeneralSectionForm/GeneralSectionForm.tsx 31:7
Module parse failed: Unexpected token (31:7)
File was processed with these loaders:
 * ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
You may need an additional loader to handle the result of these loaders.
| import { TOAST_ERRORS } from '../../utils/constants';
| 
> export type QuestionElementRef = {
|   id: string | undefined;
|   element: HTMLDivElement | null;

got the error regarding that the current webpack configuration inside of the project is not enough to compile this package – something like that.

That is something that I am currently investigating, and trying to figure out why? 🙂

Any help will be super appreciated