Replace Rails Turbolinks with pjax

app.js

function pajx_request(url) {
    Rails.ajax({
        url: url,
        type: "get",
        success: function (data) {
            console.log(data);
            $("#pajx_container").html(data.documentElement.innerHTML);
            window.history.pushState(null, null, url);
        },
        beforeSend: (xhr, options) => {
            xhr.setRequestHeader('request-from', 'pajx');
            return true;
          },
        error: function (data) { }
    });
}

window.addEventListener("popstate", function(e) {
    pajx_request(location.href)
});

document.addEventListener("DOMContentLoaded", function () {
    $(".main-sidebar a").on("click", function (event) {
        event.preventDefault();
        let target_url = $(this).attr("href");
        pajx_request(target_url);

    });
});

application.html.erb

....
<div id="pajx_container"><%= yield %></div>
.....

application_controller.rb

class ApplicationController < ActionController::Base
  layout :set_app_layout
  
  def set_app_layout
    if request.headers["request-from"] == 'pajx'
      false
    else
      'admin'
    end
  end
end