fix FormItem typings

Author: MarcusNotheis

packages/main/package.json

@@ -29,7 +29,7 @@
     "build:i18n-default": "node ../../node_modules/@ui5/webcomponents-tools/lib/i18n/defaults.js src/i18n dist/assets/i18n && tsc dist/assets/i18n/i18n-defaults.js --allowJs --declaration --emitDeclarationOnly --declarationDir dist/assets/i18n",
     "build:i18n-imports": "mkdirp dist/json-imports && node ../../node_modules/@ui5/webcomponents-tools/lib/generate-json-imports/i18n.js dist/assets/i18n dist/json-imports/",
     "build:assets": "node ../../scripts/generate-assets/index.js",
-    "build:types": "tsc --declaration --emitDeclarationOnly --declarationDir . --removeComments false || exit 0"
+    "build:types": "tsc --declaration --emitDeclarationOnly --declarationDir . --removeComments false"
   },
   "dependencies": {
     "@babel/runtime": "7.11.0",

packages/main/src/components/FormItem/index.tsx

@@ -2,7 +2,7 @@ import { createComponentStyles } from '@ui5/webcomponents-react-base/lib/createC
 import { FlexBox } from '@ui5/webcomponents-react/lib/FlexBox';
 import { FlexBoxAlignItems } from '@ui5/webcomponents-react/lib/FlexBoxAlignItems';
 import { FlexBoxDirection } from '@ui5/webcomponents-react/lib/FlexBoxDirection';
-import { Label } from '@ui5/webcomponents-react/lib/Label';
+import { Label, LabelPropTypes } from '@ui5/webcomponents-react/lib/Label';
 import React, { cloneElement, CSSProperties, FC, isValidElement, ReactElement, ReactNode, ReactNodeArray } from 'react';
 
 export interface FormItemProps {
@@ -50,18 +50,21 @@ const renderLabel = (
   }
 
   if (isValidElement(label)) {
-    return cloneElement(
+    return cloneElement<LabelPropTypes>(
       label,
       {
-        wrap: label.props.wrap ?? true,
-        className: `${classes.label} ${label.props.className ?? ''}`,
+        wrap: (label as ReactElement<LabelPropTypes>).props.wrap ?? true,
+        className: `${classes.label} ${(label as ReactElement<LabelPropTypes>).props.className ?? ''}`,
         style: {
           gridColumnStart: styles.gridColumnStart,
           gridRowStart: styles.gridRowStart,
-          ...(label.props.style || {})
+          ...((label as ReactElement<LabelPropTypes>).props.style || {})
         }
       },
-      label.props.children ? `${label.props.children}:` : ''
+      (label as ReactElement<LabelPropTypes>).props.children
+        ? // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+          `${(label as ReactElement<LabelPropTypes>).props.children}:`
+        : ''
     );
   }