Fix Storybook control docgen for gridStyle/rowHeightsOptions/`too…

…lbarVisibility` stories

- for some reason the ref was breaking the docgen??

- we didn't actually need the stateful grid for the ref tests, so just get rid of it

packages/eui/src/components/datagrid/data_grid.stories.tsx

@@ -146,7 +146,7 @@ export const CellActions: Story = {
       dataGridRef.current?.setFocusedCell({ rowIndex: 2, colIndex: 2 });
     }, []);
 
-    return <StatefulDataGrid {...defaultStorybookArgs} ref={dataGridRef} />;
+    return <EuiDataGrid {...defaultStorybookArgs} ref={dataGridRef} />;
   },
 };
 
@@ -160,7 +160,7 @@ export const CellExpansionPopover: Story = {
       dataGridRef.current?.openCellPopover({ rowIndex: 1, colIndex: 1 });
     }, []);
 
-    return <StatefulDataGrid {...defaultStorybookArgs} ref={dataGridRef} />;
+    return <EuiDataGrid {...defaultStorybookArgs} ref={dataGridRef} />;
   },
 };
 

packages/eui/src/components/datagrid/data_grid.stories.utils.tsx

@@ -12,7 +12,6 @@ import React, {
   useCallback,
   useEffect,
   useState,
-  forwardRef,
   FunctionComponent,
 } from 'react';
 import { faker } from '@faker-js/faker';
@@ -27,7 +26,6 @@ import type {
   EuiDataGridColumnCellActionProps,
   EuiDataGridColumnSortingConfig,
   EuiDataGridProps,
-  EuiDataGridRefProps,
   EuiDataGridStyle,
   EuiDataGridRowHeightsOptions,
   EuiDataGridToolBarVisibilityOptions,
@@ -293,10 +291,7 @@ export const defaultStorybookArgs = {
   } as const,
 };
 
-export const StatefulDataGrid = forwardRef<
-  EuiDataGridRefProps,
-  EuiDataGridProps
->((props, ref) => {
+export const StatefulDataGrid = (props: EuiDataGridProps) => {
   const { pagination, sorting, columnVisibility, ...rest } = props;
 
   // Pagination
@@ -360,7 +355,6 @@ export const StatefulDataGrid = forwardRef<
   return (
     <EuiDataGrid
       {...rest}
-      ref={ref}
       columnVisibility={{ visibleColumns, setVisibleColumns }}
       sorting={{ columns: sortingColumns, onSort }}
       pagination={{
@@ -370,8 +364,7 @@ export const StatefulDataGrid = forwardRef<
       }}
     />
   );
-});
-StatefulDataGrid.displayName = 'StatefulDataGrid';
+};
 
 /*
  * Components that exist purely for allowing Storybook to parse certain nested