shakapacker and jquery and css working, I think

Author: bkettle

.browserslistrc

@@ -48,20 +48,20 @@ gem 'rake', '< 13.0'
 gem 'rack-attack'
 gem 'rack-mini-profiler'
 gem 'rails', '6.1.6.1'
+gem "react_on_rails", "= 13.0"
 gem 'record_tag_helper', '~> 1.0'
-gem 'react-rails', '~> 2.3.0'
 gem 'recap', '~> 1.0.0'
 gem 'redis-rails'
 gem 'remotipart', '~> 1.2'
 gem 'rmagick'
 gem 'sass-rails', '~> 5.0.1'
 gem 'searchkick'
+gem 'shakapacker', '6.5.0'
 gem 'sitemap_generator'
 gem 'therubyracer'
 gem 'twitter-bootstrap-rails'
 gem 'uglifier', '>= 1.3.0'
 # gem 'weather-icons-rails'
-gem 'webpacker'
 gem 'whenever'
 gem 'mimemagic', '~> 0.3.10'
 
@@ -96,3 +96,4 @@ group :production do
 end
 
 gem "aws-sdk-s3", "~> 1.103"
+

Gemfile

@@ -85,10 +85,6 @@ GEM
       descendants_tracker (~> 0.0.4)
       ice_nine (~> 0.11.0)
       thread_safe (~> 0.3, >= 0.3.1)
-    babel-source (5.8.35)
-    babel-transpiler (0.7.0)
-      babel-source (>= 4.0, < 6)
-      execjs (~> 2.0)
     barometer (0.9.7)
       addressable
       choc_mool
@@ -375,17 +371,18 @@ GEM
       method_source
       rake (>= 12.2)
       thor (~> 1.0)
+    rainbow (3.1.1)
     rake (12.3.3)
     rb-fsevent (0.11.1)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
     rdoc (4.3.0)
-    react-rails (2.3.1)
-      babel-transpiler (>= 0.7.0)
+    react_on_rails (13.0.0)
+      addressable
       connection_pool
-      execjs
-      railties (>= 3.2)
-      tilt
+      execjs (~> 2.5)
+      rails (>= 5.2)
+      rainbow (~> 3.0)
     recap (1.0.12)
       capistrano (~> 2.9)
       open4
@@ -457,6 +454,11 @@ GEM
       activemodel (>= 5.2)
       hashie
     semantic_range (3.0.0)
+    shakapacker (6.5.0)
+      activesupport (>= 5.2)
+      rack-proxy (>= 0.6.1)
+      railties (>= 5.2)
+      semantic_range (>= 2.3.0)
     shellany (0.0.1)
     sitemap_generator (6.2.1)
       builder (~> 3.0)
@@ -492,11 +494,6 @@ GEM
       descendants_tracker (~> 0.0, >= 0.0.3)
     warden (1.2.9)
       rack (>= 2.0.9)
-    webpacker (5.4.3)
-      activesupport (>= 5.2)
-      rack-proxy (>= 0.6.1)
-      railties (>= 5.2)
-      semantic_range (>= 2.3.0)
     websocket-driver (0.7.5)
       websocket-extensions (>= 0.1.0)
     websocket-extensions (0.1.5)
@@ -569,7 +566,7 @@ DEPENDENCIES
   rails-assets-underscore!
   rails_12factor
   rake (< 13.0)
-  react-rails (~> 2.3.0)
+  react_on_rails (= 13.0)
   recap (~> 1.0.0)
   record_tag_helper (~> 1.0)
   redis-rails
@@ -579,12 +576,12 @@ DEPENDENCIES
   sass-rails (~> 5.0.1)
   sdoc (~> 0.4.0)
   searchkick
+  shakapacker (= 6.5.0)
   sitemap_generator
   terminal-notifier-guard
   therubyracer
   twitter-bootstrap-rails
   uglifier (>= 1.3.0)
-  webpacker
   whenever
 
 RUBY VERSION

Gemfile.lock

@@ -0,0 +1,7 @@
+import { React } from "react";
+
+const TestComponent = () => {
+    return (<div>hi</div>)
+}
+
+export default TestComponent;