NO_INLINE_SVG
Last updated March 4, 2025
Conformance is available on Enterprise plans
This rule is available from version 1.3.0.
Preventing the use of inline improves the health of your codebase at the page level. Using inlined tags in excess can cause hydration issues, negatively impact the performance of both the browser and the server rendering.
By default, this rule is disabled. To enable it, refer to customizing Conformance.
If you hit this issue, you can resolve it by using SVGs as an component. Don't forget to enable in your application's file, and use the component prop.
Was this helpful?