pokemon.trade/app/javascript/packs/frontend.tsx

import React from 'react';
import {hydrate} from 'react-dom';

document.addEventListener('DOMContentLoaded', (): void => {
  import('./frontend/App').then(({default: App}): void => {
    hydrate(<App />, document.querySelector('main[id="app"]'));
  });
});