docs: conditionally render NativeAdView

Author: dylancom

docs/native-ads.mdx

@@ -115,6 +115,10 @@ const NativeComponent = () => {
       .catch(console.error);
   }, []);
 
+  if (!nativeAd) {
+    return null;
+  }
+
   return (
     <NativeAdView nativeAd={nativeAd}>
       // Components to display assets must be placed here
@@ -145,6 +149,10 @@ const NativeComponent = () => {
       .catch(console.error);
   }, []);
 
+  if (!nativeAd) {
+    return null;
+  }
+
   return (
     <NativeAdView nativeAd={nativeAd}>
       <NativeAsset assetType={NativeAssetType.HEADLINE}>
@@ -230,6 +238,10 @@ const NativeComponent = () => {
       .catch(console.error);
   }, []);
 
+  if (!nativeAd) {
+    return null;
+  }
+
   return (
     // Wrap all the ad assets in the NativeAdView component, and register the view with the nativeAd prop
     <NativeAdView nativeAd={nativeAd}>
@@ -285,6 +297,10 @@ const NativeComponent = () => {
     };
   }, [nativeAd]);
 
+  if (!nativeAd) {
+    return null;
+  }
+
   return (
     <NativeAdView nativeAd={nativeAd}>
       // Components to display assets must be placed here
@@ -316,6 +332,10 @@ const NativeComponent = () => {
     };
   }, [nativeAd]);
 
+  if (!nativeAd) {
+    return null;
+  }
+
   return (
     <NativeAdView nativeAd={nativeAd}>
       // Components to display assets must be placed here