Context: I have a React web application which is rendered inside a mobile app. In this app we are capturing images using MediaStream APIs and storing the images(max. 10 in base64 format) in state locally and then creating a pdf out of those selected images.

Question: Depending upon different mobile devices(iOS/Android) and their different camera resolutions what number of maximum data we can store/hold in a React state?
Thanks!