PCF virtual control FluentUI TeachingBubble: Property 'children' does not exist on type 'IntrinsicAttributes & ITeachingBubbleProps'.

I am developing a PCF virtual control and using the `TeachingBubble` control but I'm getting an error while building the control.

Here's my code:

<TeachingBubble
          calloutProps={{ directionalHint: DirectionalHint.leftCenter }}
          target={`#${comboId}`}
          isWide={false}
          hasCloseButton={true}
          closeButtonAriaLabel="Close"
          headline="Invalid Selection"
          onDismiss={() => setShowBubble(false)}
        >
          You can only select up to 10 services at once
        </TeachingBubble>

and here's the error:

TS2322: Type '{ children: string; calloutProps: { directionalHint: 9; }; target: string; isWide: false; hasCloseButton: true; closeButtonAriaLabel: string; headline: string; onDismiss: () => void; }' is not assignable to type 'IntrinsicAttributes & ITeachingBubbleProps'.
  Property 'children' does not exist on type 'IntrinsicAttributes & ITeachingBubbleProps'.

Now it appears the control won't accept the text inside the <TeachingBubble></TeachingBubble> tags but MS sample code on the API uses it, I've done some googling around but found nothing. Any help is greatly appreciated