Postpone hydration to the next JS task to fix a bug in safari

CHANGELOG.md

@@ -18,6 +18,11 @@ Please follow the recommendations outlined at [keepachangelog.com](http://keepac
 ### [Unreleased]
 Changes since the last non-beta release.
 
+### [14.2.1] - 2025-04-11
+
+#### Fixed
+- Fixed a bug where the `load` event was not firing in Safari by postponing hydration to the next JavaScript task using `setTimeout(callback, 0)`. [PR 1729](https://github.com/shakacode/react_on_rails/pull/1729) by [Romex91](https://github.com/Romex91).
+
 ### [14.2.0] - 2025-03-03
 
 #### Added

lib/react_on_rails/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ReactOnRails
-  VERSION = "14.2.0"
+  VERSION = "14.2.1"
 end

node_package/src/clientStartup.ts

@@ -309,7 +309,9 @@ function isWindow(context: Context): context is Window {
 
 function onPageReady(callback: () => void) {
   if (document.readyState === "complete") {
-    callback();
+    // When hydrating React from the `readystatechange` listener, Safari skips the `load` event.
+    // To avoid this, we use a timeout to postpone the callback until after the `load` event.
+    setTimeout(callback, 0);
   } else {
     document.addEventListener("readystatechange", function onReadyStateChange() {
         onPageReady(callback);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-on-rails",
-  "version": "14.2.0",
+  "version": "14.2.1",
   "description": "react-on-rails JavaScript for react_on_rails Ruby gem",
   "main": "node_package/lib/ReactOnRails.full.js",
   "exports": {

spec/dummy/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: ../..
   specs:
-    react_on_rails (14.2.0)
+    react_on_rails (14.2.1)
       addressable
       connection_pool
       execjs (~> 2.5)