Hice un sitio web corporativo muy básico con create-react-app y usé react-router v6 para el enrutamiento. Todo funciona bien localmente. Luego creo una carpeta de compilación ejecutando el siguiente comando:

 npm run build

Cargué el contenido de la carpeta de compilación y lo subí a la carpeta del servidor como: /var/www/mysite

En el servidor que estoy ejecutando apache, creo un sitio de apache allí y señalo el directorio raíz para que sea /var/www/mysite. Ahora, cuando trato de ejecutar el sitio web en mi dominio como:

www.mysite.com no funciona y muestra una página en blanco.

Pero cuando cargo la misma compilación en una subcarpeta como /var/www/mysite/v2 y luego intento ejecutar www.mysite.com/v2 , el sitio funciona perfectamente bien.

No sé qué está mal. Intenté seguir en el archivo package.json

 "homepage": "." OR "homepage": "/" OR "homepage": "./" OR "homepage": "wwww.mysite.com/"

Estos son los contenidos de mi archivo .htaccess que se coloca en el directorio público del proyecto, se copia en la carpeta de compilación cuando se genera la carpeta de compilación:

 Options -MultiViews RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^ index.html [QSA,L]

Por favor, dime qué estoy haciendo mal. He pasado todo el día tratando de averiguar qué está mal. Este problema no se menciona en la documentación ni en ninguna parte en línea. He intentado todas las soluciones posibles disponibles en preguntas similares, pero nada funciona.

Nota: No incluyo https en la pregunta anterior dondequiera que esté escrito www porque SO no me permite enviar una pregunta con https.