Question about type definition

[icd2k3]

Question about type definition

[jeanverster]

Hi @darewreck54, if you have a look at the types defined in the .d.ts file you can infer the types.. You would end up with something like this:

import withBreadcrumbs, { BreadcrumbsProps } from 'react-router-breadcrumbs-hoc'

type Props = {
  breadcrumbs: BreadcrumbsProps<unknown>[]
  // ...insert other props here
}

const Breadcrumbs: React.FC<Props> = ({ breadcrumbs }) => {
  return (
    <div className="breadcrumbs">
      {breadcrumbs.map(({ breadcrumb, match }, index) => (
        <div className="bc" key={match.url}>
          <Link to={match.url || ''}>{breadcrumb}</Link>
          {index < breadcrumbs.length - 1 && '>'}
        </div>
      ))}
    </div>
  )
}

export default withBreadcrumbs(ROUTES)(Breadcrumbs)

let me know if that helps :)

[icd2k3]

I can't figure out what the any would be from the type definition.

I'm not sure about your first question (admittedly, I do not have a lot of typescript experience). You could log out the props and define your types from there? Someone else that uses this package might know...

For the Function, what is the type of the parameters of the function being passed in

The function will receive state from react-router like location and match

[icd2k3]

Thanks for your answer @jeanverster. Closing this for now, but will re-open if more type questions come in!