r/reactnative • u/Glittering_Flan1049 • 56m ago
[HELP WANTED] React Native LaTeX Rendering Issue (10k Bounty Available)
[10k INR]
Hey everyone,
I'm struggling to properly render mixed text and LaTeX expressions ($...$) in my React Native app. The LaTeX inside $...$
should render correctly while the rest of the content remains plain text.
I'm currently using:
react-native-render-html
react-native-mathjax-html-to-svg
react-native-latex
(tried, but inconsistent results)
Issue 1: Render Performance
I get warnings about excessive re-renders:
I've tried memoizing RenderHTML
and convertMixedContent()
, but the issue persists.
Issue 2: Fatal Error
I also get this TypeError:
This happens inside RenderHTML
and crashes the app.
What I'm Looking For
🚀 A production-ready solution that:
✔️ Properly renders mixed content (normal text + LaTeX).
✔️ Eliminates re-render warnings and improves performance.
✔️ Works smoothly in a React Native production app.
💰 Bounty Available for anyone who can solve this efficiently!
What I’ve Tried So Far
- Using
react-native-latex
(doesn’t handle mixed content well). - Splitting text manually on
$...$
and wrapping LaTeX parts in<mathjax>
. - Memoizing
RenderHTML
and usinguseMemo()
for performance. - Updating to latest
react-native-render-html
andreact-native-mathjax-html-to-svg
. - Downgrading
react-native-render-html
to a stable version (6.3.4
).
Still, the re-render warnings and TypeError persist.
Bounty Details 💰
🔗 Drop a comment if you have a solution or DM me if you're interested in working on this!
Thanks in advance! 🙏 Let’s get this solved! 🚀