title: AdMob interstitial ad only shown once react native
body: <pre><code>import { InterstitialAd, AdEventType, TestIds } from '@react-native-firebase/admob';
  
  const adUnitId = __DEV__ ? TestIds.INTERSTITIAL : 'ca-app-pub-xxxxxxxxxxxxx/yyyyyyyyyyyyyy';
  
  const interstitial = InterstitialAd.createForAdRequest(adUnitId, {
    requestNonPersonalizedAdsOnly: true,
    keywords: ['fashion', 'clothing'],
  });
  
  function App() {
    const [loaded, setLoaded] = useState(false);
  
    useEffect(() =&gt; {
      const eventListener = interstitial.onAdEvent(type =&gt; {
        if (type === AdEventType.LOADED) {
          setLoaded(true);
        }
      });
  
      // Start loading the interstitial straight away
      interstitial.load();
  
      // Unsubscribe from events on unmount
      return () =&gt; {
        eventListener();
      };
    }, []);
  
    // No advert ready to show yet
    if (!loaded) {
      return null;
    }
  
    return (
      &lt;Button
        title=&quot;Show Interstitial&quot;
        onPress={() =&gt; {
          interstitial.show();
        }}
      /&gt;
    );
  }
  </code></pre>
  <p>When I click the button for the first time, the ad is shown. But when I again click the button it'll throw me an error.</p>
  <p><strong>Error: firebase.admob().InterstitialAd.show() The requested Interstitial Ad hasnt been loaded and could not be shown.</strong></p>
  <p>How can I solve this? I want to show an ad every time I click on the button.</p>