From 8b2fa10679d3bd35f3f5ed3443847f5a840c2bd7 Mon Sep 17 00:00:00 2001
From: Gigiaj <gigiaboone@yahoo.com>
Date: Thu, 8 May 2025 18:41:26 -0500
Subject: [PATCH] Pass forward the backupIframeRef now

---
 src/app/components/page/Page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/page/Page.tsx b/src/app/components/page/Page.tsx
index 46abf313..c243e4b2 100644
--- a/src/app/components/page/Page.tsx
+++ b/src/app/components/page/Page.tsx
@@ -1,10 +1,10 @@
 import React, { ComponentProps, MutableRefObject, ReactNode } from 'react';
 import { Box, Header, Line, Scroll, Text, as } from 'folds';
 import classNames from 'classnames';
+import { Outlet, useOutletContext } from 'react-router-dom';
 import { ContainerColor } from '../../styles/ContainerColor.css';
 import * as css from './style.css';
 import { ScreenSize, useScreenSizeContext } from '../../hooks/useScreenSize';
-import { Outlet, useOutletContext } from 'react-router-dom';
 
 type PageRootProps = {
   nav: ReactNode;
@@ -13,7 +13,7 @@ type PageRootProps = {
 
 export function PageRoot({ nav, children }: PageRootProps) {
   const screenSize = useScreenSizeContext();
-  const { iframeRef } = useOutletContext();
+  const { iframeRef, backupIframeRef } = useOutletContext();
 
   return (
     <Box grow="Yes" className={ContainerColor({ variant: 'Background' })}>
@@ -21,7 +21,7 @@ export function PageRoot({ nav, children }: PageRootProps) {
       {screenSize !== ScreenSize.Mobile && (
         <Line variant="Background" size="300" direction="Vertical" />
       )}
-      <Outlet context={{ iframeRef }} />
+      <Outlet context={{ iframeRef, backupIframeRef }} />
     </Box>
   );
 }