You’re offline. This is a read only version of the page.
Announcements
22
Whenever I try to put inline svgs in my react component, the component will make the app crash and return to ANY type of mobile device "This app won't open correctly, ask the publisher to republish the app."
Here is the code :
Share
Report <div onClick={() => setCurrentMonth(currentMonth.subtract(1, 'month'))} style={{cursor: "pointer"}}>
<svg width="36" height="36" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.707 4.293a1 1 0 0 1 0 1.414L9.414 12l6.293 6.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0Z" fill=""/></svg>
</div>
<h2>{currentMonth.format('MMMM YYYY')}</h2>
<div onClick={() => setCurrentMonth(currentMonth.add(1, 'month'))} style={{cursor: "pointer"}}>
<svg width="36" height="36" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.293 4.293a1 1 0 0 0 0 1.414L14.586 12l-6.293 6.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414l-7-7a1 1 0 0 0-1.414 0Z" fill=""/></svg>
</div>
Nothing fancy. Works perfectly on web browser, only the mobile app is causing issues.
Thanks!
All responses (
Answers (
