The error ERR_OSSL_EVP_UNSUPPORTED that you are facing while running the code can arise because the application needs to use an encryption, decryption, signing, or verification algorithm not supported or implemented by the version of OpenSSL being used. This may occur as a result of or when the application programs make use of old algorithms or non-standard implementations, or when the required cryptographic modules have not been compiled into OpenSSL during the build process.

I found a helpful resource article for the error solution at CheapSSLWEB.com

I hope it helps!

Here are a few more errors-

/workspaces/wavvydash2/src/_start/helpers/components/KTSVG.tsx TypeScript error in /workspaces/wavvydash2/src/_start/helpers/components/KTSVG.tsx(13,8): 'SVG' cannot be used as a JSX component. Its instance type 'InlineSVG' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/workspaces/wavvydash2/node_modules/@types/react-redux/node_modules/@types/react/index").ReactNode'. Type '{}' is not assignable to type 'ReactNode'. Type '{}' is missing the following properties from type 'ReactPortal': key, children, type, props TS2786

11 |   return (
12 |     <span className={`svg-icon ${className}`}>

13 | <SVG src={toAbsoluteUrl(path)} className={svgClassName} /> | ^ 14 | 15 | ); 16 | }; console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 index.js:1 /workspaces/wavvydash2/src/_start/layout/components/header/MenuItem.tsx TypeScript error in /workspaces/wavvydash2/src/_start/layout/components/header/MenuItem.tsx(15,6): This JSX tag's 'children' prop expects a single child of type 'ReactNode', but multiple children were provided. TS2746

13 |   const { pathname } = useLocation();
14 |   return (

15 | <Link | ^ 16 | className={clsx("menu-link ps-0 py-2", { 17 | active: checkIsActive(pathname, to), 18 | })} console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 index.js:1 /workspaces/wavvydash2/src/_start/partials/content/code-highlight/CodeBlock.tsx TypeScript error in /workspaces/wavvydash2/src/_start/partials/content/code-highlight/CodeBlock.tsx(54,12): 'Highlight' cannot be used as a JSX component. Its instance type 'Highlight' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/workspaces/wavvydash2/node_modules/@types/react-redux/node_modules/@types/react/index").ReactNode'. Type '{}' is not assignable to type 'ReactNode'. Type '{}' is not assignable to type 'ReactPortal'. TS2786

52 | 
53 |         <div className="highlight-code" ref={codeRef}>

54 | <Highlight | ^ 55 | {...defaultProps} 56 | theme={theme} 57 | code={code} console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 index.js:1 /workspaces/wavvydash2/src/app/pages/MenuTestPage.tsx TypeScript error in /workspaces/wavvydash2/src/app/pages/MenuTestPage.tsx(56,30): 'SVG' cannot be used as a JSX component. Its instance type 'InlineSVG' is not a valid JSX element. TS2786

54 |                         <span className="menu-icon">
55 |                           <span className="svg-icon">

56 | <SVG | ^ 57 | src={toAbsoluteUrl( 58 | "/media/logos/logo-compact.svg" 59 | )}

I was able to complete the install by changing to "start": "react-scripts --openssl-legacy-provider start" but now I can't click on anything. I am getting a ton of typescript errors. Here are just a few -

index.js:1 /workspaces/wavvydash2/src/app/pages/MenuTestPage.tsx TypeScript error in /workspaces/wavvydash2/src/app/pages/MenuTestPage.tsx(1076,24): 'SVG' cannot be used as a JSX component. Its instance type 'InlineSVG' is not a valid JSX element. TS2786

1074 |                   <span className="menu-icon">
1075 |                     <span className="svg-icon svg-icon-1">

1076 | <SVG | ^ 1077 | src={toAbsoluteUrl("/media/logos/logo-compact.svg")} 1078 | /> 1079 | {" "} console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 index.js:1 /workspaces/wavvydash2/src/app/pages/MenuTestPage.tsx TypeScript error in /workspaces/wavvydash2/src/app/pages/MenuTestPage.tsx(1091,24): 'SVG' cannot be used as a JSX component. Its instance type 'InlineSVG' is not a valid JSX element. TS2786

1089 |                   <span className="menu-icon">
1090 |                     <span className="svg-icon svg-icon-1">

1091 | <SVG | ^ 1092 | src={toAbsoluteUrl("/media/logos/logo-compact.svg")} 1093 | /> 1094 | console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 index.js:1 /workspaces/wavvydash2/src/index.tsx TypeScript error in /workspaces/wavvydash2/src/index.tsx(38,6): 'PersistGate' cannot be used as a JSX component. Its instance type 'PersistGate' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/workspaces/wavvydash2/node_modules/@types/react-redux/node_modules/@types/react/index").ReactNode'. Type '{}' is not assignable to type 'ReactNode'. Type '{}' is not assignable to type 'ReactPortal'. TS2786

36 |   <Provider store={store}>
37 |     {/* Asynchronously persist redux stores and show `SplashScreen` while it's loading. */}

38 | <PersistGate persistor={persistor} loading={

Loading...

}> | ^ 39 | <App basename={PUBLIC_URL} /> 40 | </PersistGate> 41 | </Provider>, console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 VM230:2 Uncaught ReferenceError: process is not defined at 4043 (:2:13168) at r (:2:306599) at 8048 (:2:9496) at r (:2:306599) at 8641 (:2:1379) at r (:2:306599) at :2:315627 at :2:324225 at :2:324229 at e.onload (index.js:1:1)

Is there a particular version of Node I'm supposed to be using? The instructions make it seem like it should just work but it doesn't . Even using github codespaces and digital ocean apps doesn't make it work.

Hi,

Thank you for reaching out to us.

Unfortunately, we were not able to reproduce this issue in the Start theme.
Is it a fresh installation or you have modified anything?

Could you please specify your node version?

Also if you have any error messages or if there are any steps on how we can reproduce this issue please let us know.

Regards,
Lauris Stepanovs,
Keenthemes Support Team