[Bug] Not all constituents of type 'string | ClientApiReturnFn<StoryFnReactReturnType>' are callable. Type 'string' has no call signatures.

[JustFly1984]

Describe the bug

Typescript error

Steps to reproduce the behavior

import { storiesOf } from "@storybook/react"

import HBButton, { ButtonStyles, ButtonSizes } from "./HBButton"

storiesOf("HBButton", module)
  .addParameters({
    info: "Any info about the HBButton",
  })
  // Error on next line, cos string is not callable
  .addWithJSX("Primary (default)", () => (
    <HBButton text="Primary" buttonStyle={ButtonStyles.PRIMARY} />
  ))

Expected behavior

No errors

Screenshots and/or logs

Environment

• OS: MacOSX BigSur
• Node.js version: 16.1.0
• NPM version: 7
• Browser (if applicable): not applicable
• Browser version (if applicable): not applicable
• Device (if applicable): not applicable
• Typescript version: 4.3.2

Additional context

Typescript version: 4.3.2