Check for the presence of window.ResizeObserver (#5924)

GitOrigin-RevId: d072c9313967b52370a870fc2d30b50c498d8d1d

services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.js

@@ -220,7 +220,7 @@ function PdfJsViewer({ url }) {
 
   // adjust the scale when the container is resized
   useEffect(() => {
-    if (pdfJsWrapper) {
+    if (pdfJsWrapper && 'ResizeObserver' in window) {
       const resizeListener = () => {
         pdfJsWrapper.updateOnResize()
       }

services/web/frontend/js/features/pdf-preview/hooks/use-resize-observer.js

@@ -5,7 +5,7 @@ export const useResizeObserver = handleResize => {
 
   const elementRef = useCallback(
     element => {
-      if (element) {
+      if (element && 'ResizeObserver' in window) {
         if (resizeRef.current) {
           resizeRef.current.observer.unobserve(resizeRef.current.element)
         }

services/web/frontend/js/features/pdf-preview/hooks/use-toolbar-breakpoint.js

@@ -11,13 +11,14 @@ export default function useToolbarBreakpoint(element) {
   const [breakpoint, setBreakpoint] = useState(2)
   const [recalculate, setRecalculate] = useState(true)
 
-  const [resizeObserver] = useState(
-    () =>
-      new ResizeObserver(() => {
+  const [resizeObserver] = useState(() => {
+    if ('ResizeObserver' in window) {
+      return new ResizeObserver(() => {
         setBreakpoint(2)
         setRecalculate(true)
       })
-  )
+    }
+  })
 
   const [mutationObserver] = useState(
     () =>