Troubleshooting
latest
Here are some solutions to common problems. Please get in touch with the arc team if none of the following fixes your issue.
Overlay rendering issues (e.g Modal, Select)
Make sure that you are wrapping your app with the Base component. The base component is used as a portal for overlaying components. Make sure the base component is as high up in the component tree as possible.
Components are unstyled
Make sure your app is wrapped in the Base component. There is a class on the root element that is needed for the styles to apply correctly.
Arc styles are being overridden
Make sure your own css is not conflicting with the arc styles. Try to avoid styles such as #your-app button { color: red }; as this will target every button under your-app. Use css modules if possible, or a class naming methodology such as BEM.