Importer un composant React depuis le dépôt de sous-modules Git

Question

J'ai un dépôt parent développé avec React, et j'ai un sous-module enfant à l'intérieur de celui-ci (qui est développé par react aussi) :

La structure des dossiers du projet est la suivante :

parent 
  /.git
  /nodemodule
  /src
  /subModules/childProject
     /.git
     /src
       /js
         /x.jsx //  i want this file from parent project
     /...
  /...

Je veux accéder et utiliser le x.jsx composant du projet parent. Je l'ai importé comme un coup dans mon projet parent :

import X from '../subModules/childProject/src/js/x.jsx'

mais ça me donne unexpected token !

   7 |   return (
>  8 |     <article className="center">
     |     ^
   9 |       this is test global component with in child Project
  10 |     </article>
  11 |   )

il semble qu'il ne peut pas le transformer parce que j'ai écrit une fonction de test dans l'ancienne méthode JavaScript :

export default function test(x) {
  return x * 2
}

Il a été importé sans aucune erreur et fonctionne mais lorsque j'ai écrit la fonction dans le style flèche comme ci-dessous :

export default function test(x) => x * 2

cela ne fonctionne pas. Il semble qu'il s'agisse simplement d'une erreur d'exécution lors de la transposition des modules. Comment puis-je transposer et importer les composants react du sous-module enfant dans le référentiel parent ?