I created a new project with the lastest JHipster version 6.10.5. I followed all previous steps of the demo without error. Now, when I copy/paste the content of checkout-status.tsx in my project, I get the following error.
TS2345: Argument of type '(props: { closeShoppingCart: (paymentType: any) => (dispatch: any) => Promise<any>; }) => JSX.Element' is not assignable to parameter of type 'ComponentType<Matching<{ closeShoppingCart: (paymentType: any) => Promise<any>; }, { closeShoppingCart: (paymentType: any) => (dispatch: any) => Promise<any>; }>>'.
Type '(props: { closeShoppingCart: (paymentType: any) => (dispatch: any) => Promise<any>; }) => JSX.Element' is not assignable to type 'FunctionComponent<Matching<{ closeShoppingCart: (paymentType: any) => Promise<any>; }, { closeShoppingCart: (paymentType: any) => (dispatch: any) => Promise<any>; }>>'.
Types of parameters 'props' and 'props' are incompatible.
Type 'PropsWithChildren<Matching<{ closeShoppingCart: (paymentType: any) => Promise<any>; }, { closeShoppingCart: (paymentType: any) => (dispatch: any) => Promise<any>; }>>' is not assignable to type '{ closeShoppingCart: (paymentType: any) => (dispatch: any) => Promise<any>; }'.
The types returned by 'closeShoppingCart(...)' are incompatible between these types.
Type 'Promise<any>' is not assignable to type '(dispatch: any) => Promise<any>'.
Type 'Promise<any>' provides no match for the signature '(dispatch: any): Promise<any>'.
Version: typescript 3.8.3, eslint 6.8.0
Time: 33830 ms
I investigated this error but I did not find any solution. Please I need your help to continue with the other steps. You can find the source code of the demo here.