stencil-ds-plugins-demo icon indicating copy to clipboard operation
stencil-ds-plugins-demo copied to clipboard

React component extending Ionic components

Open jdnichollsc opened this issue 4 years ago • 4 comments

Hello folks, I'm creating stencil components extending Ionic components, and I'm getting these errors when I try to build the React Components:

src/components.ts:14:69 - error TS2694: Namespace 'LocalJSX' has no exported member 'IonActionSheet'.

14 export const IonActionSheet = /*@__PURE__*/createReactComponent<JSX.IonActionSheet, HTMLIonActionSheetElement>('ion-action-sheet');
                                                                       ~~~~~~~~~~~~~~

src/components.ts:15:63 - error TS2694: Namespace 'LocalJSX' has no exported member 'IonAlert'.

15 export const IonAlert = /*@__PURE__*/createReactComponent<JSX.IonAlert, HTMLIonAlertElement>('ion-alert');
                                                                 ~~~~~~~~

src/components.ts:16:61 - error TS2694: Namespace 'LocalJSX' has no exported member 'IonApp'.

16 export const IonApp = /*@__PURE__*/createReactComponent<JSX.IonApp, HTMLIonAppElement>('ion-app');
                                                               ~~~~~~

src/components.ts:17:64 - error TS2694: Namespace 'LocalJSX' has no exported member 'IonAvatar'.

17 export const IonAvatar = /*@__PURE__*/createReactComponent<JSX.IonAvatar, HTMLIonAvatarElement>('ion-avatar');
                                                                  ~~~~~~~~~

src/components.ts:18:68 - error TS2694: Namespace 'LocalJSX' has no exported member 'IonBackButton'.

18 export const IonBackButton = /*@__PURE__*/createReactComponent<JSX.IonBackButton, HTMLIonBackButtonElement>('ion-back-button');

Thanks in advance! :)

jdnichollsc avatar Apr 19 '20 05:04 jdnichollsc