# React-output-target and types

**URL:** <https://forum.ionicframework.com/t/react-output-target-and-types/232601>\
**Category:** Stencil\
**Created:** [April 11, 2023, 9:28pm UTC](https://forum.ionicframework.com/t/react-output-target-and-types/232601 "2023-04-11T21:28:53Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![patiguerra](https://avatars.discourse-cdn.com/v4/letter/p/f9ae1b/32.png) [@patiguerra](https://forum.ionicframework.com/u/patiguerra)\
**Post date:** [April 11, 2023, 9:28pm UTC](https://forum.ionicframework.com/t/react-output-target-and-types/232601/1 "2023-04-11T21:28:53Z")

</div>

Hello there!

I am using [react-output-target to create my react package](https://stenciljs.com/docs/v2/react). It does create the wrappers but does not include the types. Is that how it is supposed to work? Or is there a way for me to also add the types?

For example, I have a breadcrumbs component:

```auto
export type BreadcrumbItem = { label: string; url?: string; dataRef?: string; emitNavEvent?: boolean; };

export class Breadcrumbs {
  @Prop() items: string | BreadcrumbItem[] = [];
  ...
}

```

My consumer app is Typescript and React. They are using my React package and can import the component just fine. But not the `BreadcrumbItem` type.

I am on Stencil v2.

Any guidance would be helpful here.