title: View config getter callback for component `` must be a function
body: <p>I am working on my react native app, but when I try to use Modal component,this error shows up:</p>
  <blockquote>
  <p>View config getter callback for component `` must be a function</p>
  </blockquote>
  <p>even if I just add <code>&lt;Modal&gt;&lt;/Modal&gt;</code> in my code and on Web stimulator it gives this error:</p>
  <blockquote>
  <p>InvalidCharacterError: Failed to execute 'createElement' on 'Document':
  The tag name provided ('') is not a valid name.</p>
  </blockquote>
  <p>I am unable to solve this issue. Below is my complete code:</p>
  <pre><code>import React,{useState} from 'react';
  import {View, Text, StyleSheet, Image, FlatList} from 'react-native';
  import {Card,FAB,TextInput,Button} from 'react-native-paper';
  import Modal from 'react-native';
  
  const EmployeesInfo=()=&gt; {
  
  const [Name,setName]=useState(&quot;&quot;)
  const [Email,setEmail]=useState(&quot;&quot;)
  const [Phone,setPhone]=useState(&quot;&quot;)
  const [Salary,setSalary]=useState(&quot;&quot;)
  const [Pic,setPic]=useState(&quot;&quot;)
  const [Modal,setModal]=useState(&quot;&quot;)
  
  return (
    &lt;View style={styles.root}&gt;
    ...
    &lt;/View&gt;
  )}
  
  export default EmployeesInfo
  
  const theme ={colors:{primary:&quot;red&quot;}}
  
  const styles= StyleSheet.create({
  
    root:{
      flex:1,
    },
  
    words:{
      margin:9
    }
  })
  </code></pre>