Как включить файл javascript в компонент React, который будет выполняться при загрузке страницы?

Я хочу отобразить файл javascript. Я включил некоторый код библиотеки (в частности, leaflet.js) и использую локальный скрипт для запуска после загрузки страницы, чтобы правильно отобразить div id='map'. Однако в моем компоненте реакции я пытаюсь это сделать, и это не работает.

В частности, кажется, что хотя "http://localhost:3000/src/MapRender.js» находится в правильном месте, он не найден с «Синтаксической ошибкой: неожиданный токен ‹», который, как я знаю, означает, что это сервер 404. Однако файл находится в той же папке, что и компонент.

Я использую компонент Helmet для загрузки скрипта библиотеки в , однако я хотел бы, чтобы этот скрипт выполнялся после загрузки страницы, чтобы он всегда мог найти правильный div.

Для контекста я создал это приложение с помощью create-react-app и практически ничего не сделал, кроме создания этого компонента Map и добавления компонента Helmet в компонент App.

render() {
    return(
        <div id="map">
            <script type="text/javascript" src='MapRender.js'></script>
      </div>
    );
  }