Link inside reactstrap breadcrumb

[miguel9554]

I'm trying to use next.js Link component inside a BreadcrumbItem from reactstrap but the following error is displayed:

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

This is the element causing the error

    nav = (
      <div>
        <Breadcrumb>
          <BreadcrumbItem>
            {currentRoute.codigo}
          </BreadcrumbItem>
          <BreadcrumbItem>
            <Link href="/materia/[codigo]" as={`/materia/${currentRoute.codigo}`}>
              <a>{currentRoute.codigo}</a>
            </Link>
          </BreadcrumbItem>
          <BreadcrumbItem active>{currentRoute.fecha}</BreadcrumbItem>
        </Breadcrumb>
      </div>
    )

I'm new to React and next.js, any help is appreciated!

[cristiand391]

Hi, can you paste the full log?