govuk-react icon indicating copy to clipboard operation
govuk-react copied to clipboard

Breadcrumbs error: construct or call signatures

Open rottitime opened this issue 1 year ago • 1 comments

Error when using <Breadcrumbs.Link> as per document.

JSX element type 'Breadcrumbs.Link' does not have any construct or call signatures.ts(2604)

To Reproduce Use the below code in your VSCode Typescript project

  <Breadcrumbs>
          <Breadcrumbs.Link href="#">Section</Breadcrumbs.Link>
          <Breadcrumbs.Link href="#">Sub-section</Breadcrumbs.Link>
          Current page
        </Breadcrumbs>

Expected behavior No Linting or Typescript warnings

Screenshots Screenshot 2023-03-06 at 17 25 43

Desktop (please complete the following information):

  • OS: Mac
  • Browser N/A
  • Version N/A

rottitime avatar Mar 06 '23 17:03 rottitime

I see the exact same issue with the SearchBox component.

You can fix it temporarily by doing

{Breadcrumbs.Link && <Breadcrumbs.Link href="#">..</Breadcrumbs.Link>}

8lane avatar Mar 07 '23 09:03 8lane