Как сделать компонент реагирования на / api-маршруте?

Question

У меня есть этот маршрут API, подобный этому

app.get('/', function(req, res) {
  res.send('hello world');
});

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

const {VideoChat} = require("../src/VideoChat");

app.get('/', function(req, res) {
  res.send('VideoChat');
});

, он выдает ошибку, в которой говорится, что

import React, { useState, useCallback } from 'react'; ^^^^^^ SyntaxError: Cannot use import statement outside a module

Компонент выглядит так: - `videoChat. js

const VideoChat = () => {

  let render;
  if (token) {
    render = (
      <Room roomName={roomName} token={token} handleLogout={handleLogout} />
    );
  } else {
    render = (
      <Lobby
        username={username}
        roomName={roomName}
        handleUsernameChange={handleUsernameChange}
        handleRoomNameChange={handleRoomNameChange}
        handleSubmit={handleSubmit}
      />
    );
  }
  return render;
};

export default VideoChat;