SPFx Extension ApplicationCustomizerContext not compatible to BaseComponentContext on SiteBreadcrumb

[cygnus-dawn]

Category

[ ] Enhancement

[X] Bug

[ ] Question

Version

Please specify what version of the library you are using: [3.19.0]

Expected / Desired Behavior / Question

SiteBreadcrumb should accept a context type of ApplicationCustomizerContext as part of it's props

Observed Behavior

Getting this error:
Type 'ApplicationCustomizerContext' is not assignable to type 'BaseComponentContext'.
Types have separate declarations of a private property '_serviceScope'.

Steps to Reproduce

used node v18.20.2
ran yeoman generator to provision an spfx application customizer extension on v1.18.2
installed this library
installed react/react-dom v17.0.1

import * as React from 'react';
import { BaseApplicationCustomizer } from "@microsoft/sp-application-base";
import { SiteBreadcrumb, ISiteBreadcrumbProps } from "@pnp/spfx-controls-react/lib/SiteBreadcrumb";
...
export default class HelloWorldApplicationCustomizer extends BaseApplicationCustomizer<IHellowWorldApplicationCustomizerProperties> {
...
		const props: ISiteBreadcrumbProps = {
			context: this.context
		}
		const test = React.createElement(SiteBreadcrumb, props);
...

[github-actions]

Thank you for submitting your first issue to this project.