I am currently developing a React application and I have multiple stylesheets to restyle the same elements. For the purpose of this query, let's assume that I have two stylesheets with identical elements but different styles. Presently, in my app, I import one as follows:
import './Stylesheet1.css';
What I want to achieve is to be able to switch to using ./Stylesheet2.css based on a setting for a specific customer in the database.
I am aware that there are additional modules available that could assist with this task, and I could potentially look into dynamically generating stylesheets. However, at this point, I am interested in exploring if there is a simple way to dynamically swap out the CSS file being referenced.