Tengo una aplicación de reacción que es capaz de crear y administrar 4 tipos diferentes de archivos de configuración.
Cada uno con su juego de claves y posibles valores.

en mi App.jsx tengo un custom layout component con encabezado, navegación lateral, pie de página y un <Switch> definido desde react-router-dom con diferentes rutas a la descripción general correspondiente y las páginas del editor para los diferentes archivos de configuración. Así como algunas rutas a páginas más generales como /home o /404 . El <Switch> define qué contenido se representa en el cuerpo del layout component .

Un cliente potencial quiere usar la aplicación pero solo necesita administrar 2 archivos de configuración de los 4 disponibles.

Estoy buscando una forma elegante de introducir algún tipo de archivo de propiedades en la aplicación en el que pueda configurar qué sitios están disponibles y cuáles no.
Quiero evitar copiar el código base existente y eliminar todo lo que no necesito para el cliente, lo que me obligaría a aplicar correcciones de errores o parches en dos repositorios/códigos base.

Un enfoque sería introducir la representación condicional en los diferentes enlaces de navegación e introducir un enlace personalizado que redirija a /404 cuando intente acceder a un sitio deshabilitado. Pero siento que este enfoque puede complicarse rápidamente y escalar mal.

Estoy buscando guías, tutoriales, experiencias o ideas sobre cómo dividir y enviar partes de una aplicación de reacción existente.

Gracias por adelantado :)
Si este no es el lugar correcto para preguntar, redirígeme en la dirección correcta