ERR_OSSL_EVP_ UNSUPPORTED En aplicación ReactJs

Si estás viendo este post, posiblemente estés teniendo problemas para que tu aplicación funcione y estés ante el error ERR_OSSL_EVP_UNSUPPORTED.

Esto se debe a que probablemente su aplicación o un módulo que estés usando, esté intentando usar un algoritmo o tamaño de clave que ya no está permitido de manera predeterminada en OpenSSL 3.0

Probablemente estés ante un problema similar al siguiente:

 opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Como solución podemos usar el proveedor de openssl heredado.

Para esto tendras que editar el archivo package.json en el directorio raiz de su aplicación y reemplazar las lineas:

"start": "react-scripts start"
"build": "react-scripts build"

Por lo siguiente:

"start": "react-scripts --openssl-legacy-provider start"
"build": "react-scripts --openssl-legacy-provider build"

Guardamos el archivo package.json y ejecutamos de nuevo nuestro comando para levantar nuestra aplicación.

Con esto debería de funcionar y nuestra aplicación se levantará en el puerto que le hallamos especificado, por ejemplo: http://localhost:3000