Hooks not working due to Invalid Hook Call

[ojnoonan]

Steps to reproduce

1. Install the react-rails gem version 3.2.0
2. Try implementing hooks in functional component

Expected behavior

Hooks should be working as expected without getting the Invalid Hook Call error

Actual behavior

Got the Invalid Hook Call error breaking the page.

System configuration

• Shakapacker or Sprockets version: sprockets-rails 3.4.2
• React-Rails version: react-rails 3.2.0
• React_UJS version:
• Rails version: 5.2.8.1
• Ruby version: 2.7.8

---

I'm trying to use hooks within my rails project. I have been successfully using react-rails within the asset pipeline without webpacker. When I create a react class I use extends React.Component without the need to import anything. When I try to implement any form of hooks using React.useState(""), it gives me the Invalid Hook call console error. I've checked the requirements for this error and I seem to be doing everything correctly.

[justin808]

@ojnoonan are you open to trying https://github.com/shakacode/react_on_rails?

[ojnoonan]

@ojnoonan are you open to trying https://github.com/shakacode/react_on_rails?

Hey @justin808, the current project doesn't have support shakapacker or webpacker which appears to be a prerequisite of react_on_rails. I'm trying to get react_rails working with hooks but if I can't I'll have to wait until the project is updated to rails 7

[Judahmeek]

@ojnoonan we currently don't guarantee that hooks will work with the Sprockets implementation.

According to https://github.com/reactjs/react-rails/issues/984, hooks only works with the webpacker implementation.