Can we have a blog post on migrating from react-on-rails to react-rails

Steps to reproduce

While migrating from react-on-rails to react-rails, I have transferred the same folder structure in App/Javascript While other configurations are okay, and web pack is successfully compiled

Expected behavior

The component should be rendered

Actual behavior

ReferenceError: CandidateExam is not defined

Folder Structure:

app/javascript --
--components
  --CandidateExam
    --actions
    --api
    --components
    --containers
    --helpers
    --reducers
    ajax.js
    constants.js
--packs
  application.js

System configuration

• ruby: 2.3.3
• ‘rails’, ‘5.2.0’
• ‘webpacker’, ‘3.5’
• ‘react-rails’, ‘2.4.4’
• “react_ujs”: “^2.4.4”

---

Contains of application.js

var componentRequireContext = require.context("components", true)
var ReactRailsUJS = require("react_ujs")

I am calling this from my erb file

<%= javascript_pack_tag 'application' %>
<%= react_component("CandidateExam/containers/index") %>

This is what my server has to say

Processing by ExamController#index as HTML
  Rendering exam/index.html.erb within layouts/application
[Webpacker] Compiling…
[Webpacker] Compiled all packs in /home/kreetiuser/dev/smart_recruit/public/packs
  Rendered exam/index.html.erb within layouts/application (4588.9ms)
  User Load (48.4ms)  SELECT  `users`.* FROM `users` WHERE `users`.`id` = 2 LIMIT 1
  Rendered layouts/_header.html.erb (108.7ms)
  Rendered shared/_flash_messages.html.erb (0.8ms)
  Rendered layouts/_footer.html.erb (0.7ms)
Completed 200 OK in 5167ms (Views: 5116.9ms | ActiveRecord: 48.4ms)

Also, there’s no guide to migrate from react-on-rails to react-rails while the vice-versa is flooded in the internet.

[alkesh26]

As per the above discussion, we know the solution. Closing the issue.

[BookOfGreg]

Yep @ttanimichi beat me to it!

To expand, you specified the components directory in this line: var componentRequireContext = require.context("components", true)