Icon doesn't compile

[marc-schwering]

Using an Icon raises type errors

Expected Behavior

<Add />

doesn't fail.

Actual Behavior

Fails with:

'Add' cannot be used as a JSX component.
  Its element type 'ReactElement<any, any> | Component<IconProps & SVGProps<SVGSVGElement>, any, any> | null' is not a valid JSX element.
    Type 'Component<IconProps & SVGProps<SVGSVGElement>, any, any>' is not assignable to type 'Element | ElementClass | null'.
      Type 'Component<IconProps & SVGProps<SVGSVGElement>, any, any>' is not assignable to type 'ElementClass'.
        The types returned by 'render()' are incompatible between these types.
          Type 'React.ReactNode' is not assignable to type 'import("/home/marc/prevailing-winds/frontend/node_modules/@types/react-router/node_modules/@types/react/index").ReactNode'.
            Type '{}' is not assignable to type 'ReactNode'.

Your Environment

• Grommet version: 2.23.0
• Grommet icons: 4.7.0
• Node: 16.15.0

[mRcSchwering]

This was related to this issue: software-mansion/react-native-svg#1741