title: Error: Text strings must be rendered within a <Text> component in React Native when string is not empty
body: <p>so I have recently ran into the error show in the text tag, although I can not find why it is showing. I have logged that the value is not empty and that the value exists before I press the button. Here is my jsx code:</p>
  <pre><code>&lt;TouchableOpacity style={styles.profilePhotoBack} onPress={() =&gt; addProfilePhoto()}&gt;
                  {profilePhoto ? (
                      &lt;Image style={styles.image} source={{uri: profilePhoto}} /&gt;
                  ) : (
                      &lt;View style={styles.profilePhoto}&gt;
                          &lt;AntDesign name=&quot;plus&quot; size={50} color=&quot;white&quot; /&gt;
                      &lt;/View&gt;
                  )};
              &lt;/TouchableOpacity&gt;
  </code></pre>
  <p>And here is my function code along with the state:</p>
  <pre><code>    const [profilePhoto, setProfilePhoto] = useState();
  
      const getPermission = async () =&gt; {
          if (Platform.OS !== &quot;web&quot;) {
              const { status } = await Permissions.askAsync(Permissions.CAMERA_ROLL);
  
              return status;
          }
      };
  
      const pickImage = async () =&gt; {
          try {
              let result = await ImagePicker.launchImageLibraryAsync({
                  mediaTypes: ImagePicker.MediaTypeOptions.Images,
                  allowsEditing: true,
                  aspect: [1, 1],
                  quality: 0.5
              });
  
              if (!result.cancelled) {
                  setProfilePhoto(result.uri);
              }
          } catch (err) {
              alert(&quot;Error picking image. Please try again later.&quot;);
          }
      };
  
      const addProfilePhoto = async () =&gt; {
          const status = await getPermission();
  
          if (status !== &quot;granted&quot;) {
              alert(&quot;Please allow access to your camera roll to create your profile photo.&quot;);
              return;
          }
  
          await pickImage();
      };
  </code></pre>
  <p>Any help would be largely appreciated as I have been stuck here for quite some time. Thank you!</p>