Forward refs through WindowCanvasNavigationControls.

ProjectMirador · Nov 21, 2024 · aa680d8 · aa680d8
1 parent 0947591
commit aa680d8
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/WindowCanvasNavigationControls.js b/src/components/WindowCanvasNavigationControls.js
@@ -1,3 +1,4 @@
+import { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { alpha, styled } from '@mui/material/styles';
 import classNames from 'classnames';
@@ -30,10 +31,10 @@ const Root = styled(Paper, { name: 'WindowCanvasNavigationControls', slot: 'root
 /**
  * Represents the viewer controls in the mirador workspace.
  */
-export function WindowCanvasNavigationControls({
+export const WindowCanvasNavigationControls = forwardRef(({
   showZoomControls = false, size, visible = true, windowId, zoomToWorld,
-}) {
-  const pluginProps = arguments[0]; // eslint-disable-line prefer-rest-params
+}, ref) => {
+  const pluginProps = { showZoomControls, size, visible, windowId };
   /**
    * Determine if canvasNavControls are stacked (based on a hard-coded width)
   */
@@ -51,6 +52,7 @@ export function WindowCanvasNavigationControls({
         )
       }
       elevation={0}
+      ref={ref}
     >
       <Stack
         direction={canvasNavControlsAreStacked ? 'column' : 'row'}
@@ -65,7 +67,7 @@ export function WindowCanvasNavigationControls({
       <PluginHook {...pluginProps} />
     </Root>
   );
-}
+});
 
 WindowCanvasNavigationControls.propTypes = {
   showZoomControls: PropTypes.bool,