React forwardRef Type '{ ref: MutableRefObject; }' is not assignable to type 'IntrinsicAttributes & Props & { children?: ReactNode; }'.

by frank · July 26, 2021

TypeScript error in C:/dev/mx4d-ui/src/js/component/login/login-card.tsx(96,22):
Type '{ ref: MutableRefObject<BannerRef>; }' is not assignable to type 'IntrinsicAttributes & Props & { children?: ReactNode; }'.
Property 'ref' does not exist on type 'IntrinsicAttributes & Props & { children?: ReactNode; }'. TS2322

94 | return (
95 | <>
> 96 | <BannerIfANy ref={bannerRef} ></BannerIfANy>
| ^

Solution:

Remove your Typescript type to your function component:

BAD:

export const BannerIfAny: React.FunctionComponent<Props> = forwardRef((props: Props, ref: Ref<BannerRef>) => {

GOOD:

export const BannerIfAny = forwardRef((props: Props, ref: Ref<BannerRef>) => {

Shareooo

You may also like...

• 0

  [SOLVED] Husky hooks made me loose all my changes !

  23 Nov, 2022

• 0

  Raspberry Pi Compute Modules Choices

  17 Feb, 2022

• 0

  code: 'ERR_OSSL_EVP_UNSUPPORTED' error:0308010C:digital envelope routines::unsupported

  29 Mar, 2024

One comment on “React forwardRef Type '{ ref: MutableRefObject; }' is not assignable to type 'IntrinsicAttributes & Props & { children?: ReactNode; }'.”

1. JP on April 13, 2022 at 6:16 am said:

   Thanks a lot!

   Reply ↓