Make reactOnRailsPageLoaded async

Author: AbanoubGhadban

node_package/src/ReactOnRails.ts

@@ -149,8 +149,8 @@ ctx.ReactOnRails = {
    * More details can be found here:
    * https://github.com/shakacode/react_on_rails/blob/master/docs/additional-reading/turbolinks.md
    */
-  reactOnRailsPageLoaded(): void {
-    ClientStartup.reactOnRailsPageLoaded();
+  reactOnRailsPageLoaded() {
+    return ClientStartup.reactOnRailsPageLoaded();
   },
 
   reactOnRailsComponentLoaded(domId: string): void {

node_package/src/clientStartup.ts

@@ -9,10 +9,12 @@ import {
 import { onPageLoaded, onPageUnloaded } from './pageLifecycle';
 import { debugTurbolinks } from './turbolinksUtils';
 
-export function reactOnRailsPageLoaded(): void {
+export async function reactOnRailsPageLoaded() {
   debugTurbolinks('reactOnRailsPageLoaded');
-  hydrateAllStores();
-  renderOrHydrateAllComponents();
+  await Promise.all([
+    hydrateAllStores(),
+    renderOrHydrateAllComponents(),
+  ]);
 }
 
 function reactOnRailsPageUnloaded(): void {

node_package/src/types/index.ts

@@ -173,7 +173,7 @@ export interface ReactOnRails {
   getOrWaitForStoreGenerator(name: string): Promise<StoreGenerator>;
   setOptions(newOptions: {traceTurbolinks: boolean}): void;
   reactHydrateOrRender(domNode: Element, reactElement: ReactElement, hydrate: boolean): RenderReturnType;
-  reactOnRailsPageLoaded(): void;
+  reactOnRailsPageLoaded(): Promise<void>;
   reactOnRailsComponentLoaded(domId: string): void;
   reactOnRailsStoreLoaded(storeName: string): void;
   authenticityToken(): string | null;