CDN-Reactで別ファイルのコンポーネントを取得したい

実現したいこと

CDN-Reactで別ファイルのコンポーネントを取得したいです。

前提

HTMLにReactを埋め込む形式のサイトを作成しています。
通常のReactのように、別ファイルのコンポーネントを取得したいです。

footer.jsでmenuContents.js内のデータを呼び出したいです。可能でしょうか？

発生している問題・エラーメッセージ

caught SyntaxError: Unexpected token '<' (at menuContents.js:3:3)

oter.js:1 Uncaught ReferenceError: require is not defined at <anonymous>:3:21 at Ove (transformScriptTags.ts:99:10) at n (transformScriptTags.ts:173:9) at s (transformScriptTags.ts:204:11) at Lve.t.forEach.e.src.o.onreadystatechange (transformScriptTags.ts:121:9)

該当のソースコード

HTML

1<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script> 2<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script> 3<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> 4 5<script type="text/babel" src="./js/menu.js"></script> 6<script type="module" src="./js/menuContents.js"></script>

footer.js

menuContents.js

試したこと

ネットで type="module" に変更すると読み込めると見たため変更してみましたができませんでした。