fix: Fix forwardRef warning in split panel

src/internal/widgets/__tests__/widgets.test.tsx

@@ -4,29 +4,13 @@ import React from 'react';
 import { render } from '@testing-library/react';
 
 import { useVisualRefresh } from '../../../../lib/components/internal/hooks/use-visual-mode';
-import { createWidgetizedComponent, createWidgetizedForwardRef } from '../../../../lib/components/internal/widgets';
+import { createWidgetizedComponent } from '../../../../lib/components/internal/widgets';
 import { describeWithAppLayoutFeatureFlagEnabled } from './utils';
 
 const LoaderSkeleton = () => <div data-testid="loader">Loading...</div>;
 const RealComponent = () => <div data-testid="content">Real content</div>;
 const WidgetizedComponent = createWidgetizedComponent(RealComponent)(LoaderSkeleton);
 
-const LoaderWithRef = React.forwardRef<HTMLDivElement>((props, ref) => (
-  <div ref={ref} data-testid="loader">
-    Loading...
-  </div>
-));
-const RealComponentWithRef = React.forwardRef<HTMLDivElement>((props, ref) => (
-  <div ref={ref} data-testid="content">
-    Real content
-  </div>
-));
-const WidgetizedComponentWithRef = createWidgetizedForwardRef<
-  { children?: React.ReactNode },
-  HTMLDivElement,
-  typeof RealComponentWithRef
->(RealComponentWithRef)(LoaderWithRef);
-
 function findLoader(container: HTMLElement) {
   return container.querySelector('[data-testid="loader"]');
 }
@@ -77,23 +61,3 @@ describe('Refresh design', () => {
     });
   });
 });
-
-describe('Ref handling', () => {
-  test('should forward ref to content', () => {
-    const ref = React.createRef<HTMLDivElement>();
-    const { container } = render(<WidgetizedComponentWithRef ref={ref} />);
-    expect(findContent(container)).toBeTruthy();
-    expect(findLoader(container)).toBeFalsy();
-    expect(ref.current).toHaveTextContent('Real content');
-  });
-
-  describeWithAppLayoutFeatureFlagEnabled(() => {
-    test('should forward ref to loader', () => {
-      const ref = React.createRef<HTMLDivElement>();
-      const { container } = render(<WidgetizedComponentWithRef ref={ref} />);
-      expect(findContent(container)).toBeFalsy();
-      expect(findLoader(container)).toBeTruthy();
-      expect(ref.current).toHaveTextContent('Loading...');
-    });
-  });
-});

src/internal/widgets/index.tsx

@@ -21,20 +21,3 @@ export function createWidgetizedComponent<Component extends FunctionComponent<an
     }) as Component;
   };
 }
-
-export function createWidgetizedForwardRef<
-  Props,
-  RefType,
-  Component extends React.ForwardRefExoticComponent<Props & React.RefAttributes<RefType>>,
->(Implementation: Component) {
-  return (Loader?: Component): Component => {
-    return React.forwardRef<RefType, Props>((props, ref) => {
-      const isRefresh = useVisualRefresh();
-      if (isRefresh && getGlobalFlag('appLayoutWidget') && Loader) {
-        return <Loader ref={ref} {...(props as any)} />;
-      }
-
-      return <Implementation ref={ref} {...(props as any)} />;
-    }) as Component;
-  };
-}