diff --git a/packages/components/src/disabled/index.tsx b/packages/components/src/disabled/index.tsx index 6ef627e8350fa3..df05af7b088582 100644 --- a/packages/components/src/disabled/index.tsx +++ b/packages/components/src/disabled/index.tsx @@ -55,7 +55,7 @@ function Disabled( { return (
{ ); - // @ts-ignore expect( container.firstChild ).toHaveAttribute( 'inert' ); } ); @@ -40,12 +39,10 @@ describe( 'Disabled', () => { const { container, rerender } = render( ); - // @ts-ignore expect( container.firstChild ).toHaveAttribute( 'inert' ); rerender( ); - // @ts-ignore expect( container.firstChild ).not.toHaveAttribute( 'inert' ); } ); @@ -58,12 +55,10 @@ describe( 'Disabled', () => { const { rerender, container } = render( ); - // @ts-ignore expect( container.firstChild ).toHaveAttribute( 'inert' ); rerender( ); - // @ts-ignore expect( container.firstChild ).not.toHaveAttribute( 'inert' ); } ); diff --git a/packages/compose/README.md b/packages/compose/README.md index 6cc928be13096b..32620fbd813c0e 100644 --- a/packages/compose/README.md +++ b/packages/compose/README.md @@ -313,11 +313,11 @@ const DisabledExample = () => { _Parameters_ - _config_ `Object`: Configuration object. -- _config.isDisabled_ `boolean=`: Whether the element should be disabled. +- _config.isDisabled_ `boolean`: Whether the element should be disabled. _Returns_ -- `import('react').RefCallback`: Element Ref. +- Element Ref. ### useFocusableIframe diff --git a/packages/compose/src/hooks/use-disabled/index.ts b/packages/compose/src/hooks/use-disabled/index.ts index 7a384cbcc546f7..87db584de55598 100644 --- a/packages/compose/src/hooks/use-disabled/index.ts +++ b/packages/compose/src/hooks/use-disabled/index.ts @@ -1,3 +1,8 @@ +/** + * External dependencies + */ +import type { RefCallback } from 'react'; + /** * Internal dependencies */ @@ -11,9 +16,9 @@ import useRefEffect from '../use-ref-effect'; * * If you can, prefer the use of the inert HTML attribute. * - * @param {Object} config Configuration object. - * @param {boolean=} config.isDisabled Whether the element should be disabled. - * @return {import('react').RefCallback} Element Ref. + * @param {Object} config Configuration object. + * @param {boolean} config.isDisabled Whether the element should be disabled. + * @return Element Ref. * * @example * ```js @@ -77,5 +82,5 @@ export default function useDisabled( { }; }, [ isDisabledProp ] - ); + ) as RefCallback< HTMLElement >; }