Explicitly declare 'children' props for React.FunctionComponent

[stkao05]

Version 18 of @types/react introduces a breaking change - removal of implicit children props (ref). This introduces type error for some of the components

error TS2559: Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes'.

       <AnimateSharedLayout>

The PR update the type definition to reflect this change.

---

Reference

• [RFC] React 18 and types-only breaking changes
• Removal Of Implicit Children

[mattgperry]

Can you reopen with a Codesandbox reproduction of the error? These components all have props arguments already typed with React.PropsWithChildren.

[stkao05]

These components all have props arguments already typed with React.PropsWithChildren.

Because the component variable was typed as

export const AnimateSharedLayout: React.FunctionComponent = ...

The type definition AnimateSharedLayout.d.ts is outputted as

import * as React from "react";
export declare const AnimateSharedLayout: React.FunctionComponent;

Here is also the Codesandbox that demonstrates the type issue. Note that the type error only shows with the latest typing enabled @type/react: 18.0.12

[mattgperry]

Thanks for the repro!