Error: Text strings must be rendered within a <Text> component.

[JoseVov]

Bug description: Error: Text strings must be rendered within a component.

To Reproduce: You install, import, and use it.

It's happening to me as the most basic mode

<WebView source={{ uri: 'https://reactnative.dev/' }} style={{ flex: 1 }} />;

Expected behavior: Display the webview with the page provided instead of showing that error

Screenshots/Videos:

https://github.com/react-native-webview/react-native-webview/assets/96314055/26b68066-6b21-4b7d-bbb4-5b7e20a0b68a

Environment:

• OS: IOS
• OS version: IOS 17
• react-native version: 0.73.6
• react-native-webview version: ^13.8.4

[vinamrahalgar]

Any idea on how to fix this

[JoseVov]

Any idea on how to fix this

Check your JSX, I remember that I had an extra character in the JSX causing that.

[vinamrahalgar]

const WebViewScreen = () => { const route = useRoute(); const mapURL = route?.params;

return (

;

); };

This is the code and url console is - url:: http://www.microsoft.com

[JoseVov]

Probably the ;. Remove the ; in this line -> <WebView source={{ uri: mapURL }} />;