Empty State Spinner Example not working with pf4

When using the official Spinner Example with the latest pf4 (I’ve tried a few versions back with the same results). This Error is shown:

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components)

Removing the <Title> fixes this problem. I don’t know why the Title is a problem here, all the other examples I’ve tired worked (even with a Title).

Repro: See this Codesandbox: https://x6ifk.csb.app/

Is this a bug or enhancement? If this issue is a bug, is this issue blocking you or is there a work-around? Bug - Workaround: not having a title?

What is your product and what release version are you targeting? 4.12.2 and many earlier versions (I haven’t tried them all)

[redallen]

Yes, headingLevel is now a required prop for title. Thanks for the assist @boaz0 !

[boaz0]

Maybe I forgot to save it, is this working for you?

If not try and copy paste this code and tell me if it works:

  const Spinner = () => (
    <span className="pf-c-spinner" role="progressbar" aria-valuetext="Loading...">
      <span className="pf-c-spinner__clipper" />
      <span className="pf-c-spinner__lead-ball" />
      <span className="pf-c-spinner__tail-ball" />
    </span>
  )
  return (
    <EmptyState>
      <EmptyStateIcon variant="container" component={Spinner} />
      <Title size="lg" headingLevel="h4">
        Loading
      </Title>
    </EmptyState>
  );