Include react components into active admin using React On Rails.

active_admin.rb

# config/initializers/active_admin.rb

#...

module ActiveAdmin
  module Views
    # Defines a `react_component` active admin component.  It allows you
    # to include react components into active admin using React On Rails.
    # Example:
    #
    # show do
    #   panel 'My React Component' do
    #     react_component 'EmailSignUpResource', props: {
    #       resource_slug: 'test',
    #       crsf_token: form_authenticity_token
    #     }
    #   end
    # end
    class React < ActiveAdmin::Component
      # Internal React on Rails helper class
      class ReactComponentBuilder
        include ReactOnRails::Helper
        include ActionView::Helpers::TagHelper
      end

      attr_accessor :component_name, :options

      builder_method :react_component

      def to_s
        ReactComponentBuilder.new.react_component(@component_name, @options)
      end

      def build(component_name, options = {})
        @component_name = component_name
        @options = options
      end
    end
  end
end

# NOTE: If you are have issues getting webpacker content to show up in active admin, add the follow to the intializer. 
# This will include `app/views/admin/_header_additions.html.erb` into the head of the page.  In that view, you can add 
# your calls to include the webpacker content.

module AdminPageLayoutOverride
  def build_active_admin_head
    super

    within head do
      render '/admin/header_additions'
    end
  end
end

ActiveAdmin::Views::Pages::Base.prepend AdminPageLayoutOverride