import type { ComponentType, ComponentProps } from 'react';
import React from 'react';

/**
 * Sugar around React.memo to avoid the need to specify the type of the component.
 * @group utils
 */
// There is an issue with Typescript when Component has generic Props
// see: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/37087
// eslint-disable-next-line @typescript-eslint/no-explicit-any
const typedMemo = React.memo as <Component extends ComponentType<any>>(
  function_: Component,
  propsAreEqual?: (
    previousProps: Readonly<ComponentProps<Component>>,
    nextProps: Readonly<ComponentProps<Component>>
  ) => boolean
) => Component;

/**
 * Sugar around React.memo to avoid the need to specify the type of the component.
 * @param function_ - The component to memoize.
 * @group Utils
 * @internal
 */
export default typedMemo;