TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined

[jiyang-sas]

I cloned the react-joyride and the react-joyride-demo projects, and when I tried to start the demo project, got the following error, any idea? thx!

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined
at validateString (internal/validators.js:120:11)
at Object.join (path.js:375:7)
at noopServiceWorkerMiddleware (C:\React-Playpen\react-joyride-demo\node_modules\react-dev-utils\noopServiceWorkerMiddleware.js:14:26)
at Layer.handle [as handle_request] (C:\React-Playpen\react-joyride-demo\node_modules\express\lib\router\layer.js:95:5)
at trim_prefix (C:\React-Playpen\react-joyride-demo\node_modules\express\lib\router\index.js:317:13)
at C:\React-Playpen\react-joyride-demo\node_modules\express\lib\router\index.js:284:7
at Function.process_params (C:\React-Playpen\react-joyride-demo\node_modules\express\lib\router\index.js:335:12)
at next (C:\React-Playpen\react-joyride-demo\node_modules\express\lib\router\index.js:275:10)
at launchEditorMiddleware (C:\React-Playpen\react-joyride-demo\node_modules\react-dev-utils\errorOverlayMiddleware.js:20:7)
at Layer.handle [as handle_request] (C:\React-Playpen\react-joyride-demo\node_modules\express\lib\router\layer.js:95:5)
at trim_prefix (C:\React-Playpen\react-joyride-demo\node_modules\express\lib\router\index.js:317:13)
at C:\React-Playpen\react-joyride-demo\node_modules\express\lib\router\index.js:284:7
at Function.process_params (C:\React-Playpen\react-joyride-demo\node_modules\express\lib\router\index.js:335:12)
at next (C:\React-Playpen\react-joyride-demo\node_modules\express\lib\router\index.js:275:10)
at handleWebpackInternalMiddleware (C:\React-Playpen\react-joyride-demo\node_modules\react-dev-utils\evalSourceMapMiddleware.js:42:7)
at Layer.handle [as handle_request] (C:\React-Playpen\react-joyride-demo\node_modules\express\lib\router\layer.js:95:5)

[gilbarbara]

This doesn't seem to be caused by this library, did you try
Which node version? Try to upgrade It to LTS (14.x)

.

[jiyang-sas]

Thank you! I did update code. After re-cloning the two projects, I got the following error when I tried to run the demo project:
C:/React-Playpen/react-joyride-demo/src/CustomComponents/index.tsx
TypeScript error in C:/React-Playpen/react-joyride-demo/src/CustomComponents/index.tsx(127,12):
No overload matches this call.
Overload 1 of 2, '(props: Pick<Pick<Pick<DetailedHTMLProps<ButtonHTMLAttributes, HTMLButtonElement>, "form" | ... 264 more ... | "value"> & { ...; } & { ...; }, "form" | ... 266 more ... | "spacer"> & Partial<...>, "form" | ... 266 more ... | "spacer"> & { ...; } & { ...; }): ReactElement<...>', gave the following error.
Type '{ children: Element; spacer: true; 'aria-label': string; 'data-action': string; onClick: (e: MouseEvent<HTMLElement, MouseEvent>) => void; role: string; title: string; }' is not assignable to type 'Pick<Pick<Pick<DetailedHTMLProps<ButtonHTMLAttributes, HTMLButtonElement>, "form" | ... 264 more ... | "value"> & { ...; } & { ...; }, "form" | ... 266 more ... | "spacer"> & Partial<...>, "form" | ... 266 more ... | "spacer">'.
Types of property 'onClick' are incompatible.
Type '(e: MouseEvent<HTMLElement, MouseEvent>) => void' is not assignable to type '(event: MouseEvent<HTMLButtonElement, MouseEvent>) => void'.
Types of parameters 'e' and 'event' are incompatible.
Type 'MouseEvent<HTMLButtonElement, MouseEvent>' is missing the following properties from type 'MouseEvent<HTMLElement, MouseEvent>': detail, view
Overload 2 of 2, '(props: StyledComponentPropsWithAs<"button", any, { spacer?: boolean | undefined; }, never>): ReactElement<StyledComponentPropsWithAs<"button", any, { spacer?: boolean | undefined; }, never>, string | ... 1 more ... | (new (props: any) => Component<...>)>', gave the following error.
Type '{ children: Element; spacer: true; 'aria-label': string; 'data-action': string; onClick: (e: MouseEvent<HTMLElement, MouseEvent>) => void; role: string; title: string; }' is not assignable to type 'Pick<Pick<Pick<DetailedHTMLProps<ButtonHTMLAttributes, HTMLButtonElement>, "form" | ... 264 more ... | "value"> & { ...; } & { ...; }, "form" | ... 266 more ... | "spacer"> & Partial<...>, "form" | ... 266 more ... | "spacer">'.
Types of property 'onClick' are incompatible.
Type '(e: MouseEvent<HTMLElement, MouseEvent>) => void' is not assignable to type '(event: MouseEvent<HTMLButtonElement, MouseEvent>) => void'. TS2769

125 |       <TooltipFooter>
126 |         {!isLastStep && (

127 | <Button {...skipProps} spacer={true}>
| ^
128 |
129 |
130 | )}

[gilbarbara]

I couldn't reproduce this error but I've updated the demo source code. Can you pull the newer version and try again?
Anyway, the typescript error is self-explanatory.

[jiyang-sas]

Thank you so much. It works now!