title: Use a React Component in Redux form "Field" Component
body: <p>I have to implement a react-phone-number package in a redux form. I am new to reactjs and redux. I have to tranform my React code to one of the field in redux form. Here is the react code.</p>
  
  <pre><code>import React from 'react';
      import ReactDOM from 'react-dom';
      import IntlTelInput from 'react-intl-tel-input';
      import '../node_modules/react-intl-tel-input/dist/main.css';
      import '../node_modules/react-intl-tel-input/dist/libphonenumber.js';
  
  
      const loadJSONP = (url, callback) =&gt; {
        const ref = window.document.getElementsByTagName('script')[0];
        const script = window.document.createElement('script');
        script.src = `${url + (url.indexOf('?') + 1 ? '&amp;' : '?')}callback=${callback}`;
        ref.parentNode.insertBefore(script, ref);
        script.onload = () =&gt; {
          script.remove();
        };
      };
  
      const lookup = (callback) =&gt; {
        loadJSONP('http://ipinfo.io', 'sendBack');
        window.sendBack = (resp) =&gt; {
          const countryCode = (resp &amp;&amp; resp.country) ? resp.country : '';
          callback(countryCode);
        }
      };
  
      const handler = (status, value, countryData, number, id) =&gt; {
        console.log(status, value, countryData, number, id);
      };
  
      ReactDOM.render(
        &lt;IntlTelInput 
          onPhoneNumberChange={ handler }
  
          preferredCountries={['us','ca']}
          css={ ['intl-tel-input', 'form-control'] }
        /&gt;, 
        document.getElementById('root'),
      );
  </code></pre>
  
  <p>Now I want to somehow use it in "Field" component of Redux-Form which is something like below.</p>
  
  <pre><code>const FieldCountryCode = ({
    name,
    label,
    placeholder,
    value,
    showsRequired,
  }: PropsT) =&gt; (
    &lt;Field
      name={name}
      component={IntlTelInput}
      props={{
        label,
        placeholder,
        type: 'tel',
        value,
        showsRequired,
      }}
    /&gt;
  );
  
  export default FieldCountryCode;
  </code></pre>
  
  <p>The Problem I am facing is that when I try to do something with the component attribute of Field it loses its CSS contents. Here is the link to describe how actually it should work. <a href="http://patw0929.github.io/react-intl-tel-input/" rel="nofollow noreferrer">link</a></p>