Abaixo dos existentes, requer declarações na parte superior do arquivo:
const importglobplugin = requer (‘Esbuild-plugin-import-glob’). Padrão;
Em seguida, adicione o importglobplugin () à matriz de plugins em seu objeto de configuração.Deve ficar assim após os plug -ins: [Rails (), importGlobPlugin ()],.Em seguida, adicione carregador: {‘.js’: ‘jsx’}, ao seu objeto de configuração.Aqui está um componente simples Helloworld.jsx que você pode usar:
Voila, você pode usar seu componente.Crie um arquivo app/javascript/components/index.js com o seguinte conteúdo:
Adicione importação “./components” ao Application.js.
Fonte: https://jeremydye.fyi/2022/01/15/rails-7-and-react-install-guide/
