My React js application is hosted within another application. When a jQuery dialog opens, the React application also launches. While the functionality works correctly, some of the CSS styles are appearing incorrectly. I suspect that either the CSS from the hosting application is overriding it, or jQuery is causing interference.
I have attempted to use the !important syntax against the Reactjs CSS (we utilize SCSS in React), but unfortunately, this has not resolved the issue.
If anyone has any suggestions or solutions to prevent this problem, your help would be greatly appreciated!