Troubleshooting
Common setup and optimization issues, plus fast ways to diagnose them.
Quick Diagnostic Flow
- Set
verbose: trueandsilent: falsein plugin config. - Restart Metro with cache clear.
- Check skip reasons in logs.
- Compare with the coverage rules in Optimization Coverage.
Common Issues
No optimization logs at all
Likely causes:
- Plugin not loaded in
babel.config.js silent: true- File matched by
ignores
Quick checks:
module.exports = {
plugins: [
[
'react-native-boost/plugin',
{
verbose: true,
silent: false,
},
],
],
};npm start -- --clearSkip reason: contains blacklisted props
This is expected for unsupported prop sets.
Typical cases:
Textwith press/responder propsViewwithstyleor accessibility props
Fix options:
- Keep component as-is (recommended when semantics matter)
- Move unsupported behavior to a different node when possible
- Use
@boost-ignorefor explicit clarity
Skip reason: has unresolved ancestor and dangerous optimization is disabled
View is inside an ancestor React Native Boost cannot statically classify.
Options:
- Keep default behavior (safest)
- Refactor ancestor/component structure to be statically obvious
- Enable
dangerouslyOptimizeViewWithUnknownAncestorsonly if you can validate behavior carefully
Ignores do not work as expected in monorepos
ignores are resolved from Babel's working directory.
In nested apps, you may need explicit parent paths:
ignores: ['../../node_modules/**'];Runtime import errors in app code
The plugin injects imports from react-native-boost/runtime.
If you installed react-native-boost as a dev dependency, runtime imports can fail in app builds.
Fix: install it as a regular dependency.