title: unable to render HTML inside react native
body: <p>I want to run this component inside react native</p>
  <pre><code>&lt;StyledFirebaseAuth uiConfig={uiConfig} firebaseAuth={firebase.auth()} /&gt;
  </code></pre>
  <p>currently, I am using <code>react-native-render-html</code> package</p>
  <p>and doing likewise</p>
  <pre><code>import React from &quot;react&quot;;
  import { View, Text } from &quot;react-native&quot;;
  import HTML from &quot;react-native-render-html&quot;;
  import StyledFirebaseAuth from &quot;react-firebaseui/StyledFirebaseAuth&quot;;
  
  const PhoneAuth = () =&gt; {
      const uiConfig = {
          signInFlow: &quot;popup&quot;,
          signInOptions: [
              {
                  provider: firebase.auth.PhoneAuthProvider.PROVIDER_ID,
                  recaptchaParameters: {
                      type: &quot;image&quot;,
                      size: &quot;invisible&quot;,
                      badge: &quot;bottomleft&quot;,
                  },
  
                  defaultCountry: &quot;+91&quot;,
                  whitelistedCountries: [&quot;IN&quot;, &quot;+91&quot;],
              },
          ],
          // callbacks: {
          //  signInSuccessWithAuthResult: function (authResult) {
          //      var user = authResult.user;
          //      const data = { phone: user.phoneNumber };
          //      props.setPhoneNumber(data);
          //  },
          // },
      };
  
      const htmlContent =  
          `&lt;StyledFirebaseAuth uiConfig={uiConfig} firebaseAuth={firebase.auth()} /&gt;`
      
      return (
          &lt;View&gt;
              &lt;HTML  html={htmlContent} /&gt;
          &lt;/View&gt;
      );
  };
  export default PhoneAuth;
  </code></pre>
  <p>but as HTML content is a string it's not picking the variables
  and I get a blank screen.</p>