title: Parsing error: require() of ES Module not supported
body: <p>I was coding and out from nothing I'm getting this error and I don't know what to do. I've tried everything on stackoverflow and other sites already and nothing works
  The Error</p>
  <p>Failed to compile
  ./src/components/User/UserTabs.js</p>
  <p>Line 0:  Parsing error: require() of ES Module C:\Users\Taynara\Desktop\projeto-adote\client\node_modules\eslint\node_modules\eslint-scope\lib\definition.js from C:\Users\Taynara\Desktop\projeto-adote\client\node_modules\babel-eslint\lib\require-from-eslint.js not supported.
  Instead change the require of definition.js in C:\Users\Taynara\Desktop\projeto-adote\client\node_modules\babel-eslint\lib\require-from-eslint.js to a dynamic import() which is available in all CommonJS modules</p>
  <p>The code from the page referent to the error</p>
  <pre><code>    import React, {useState} from 'react'
      import { Tabs, Tab, Box, Divider, } from '@material-ui/core'
      import { TabPanel, TabContext, TabList } from '@material-ui/lab'
  
      import LikedPosts from './content/LikedPosts';
      import Animals from '../Form/Animals'
      import Events from '../Form/Events'
      import Users from '../Form/Users'
      import Cnpj from '../Form/Cnpj'
      import Shelter from '../Form/Shelter'
  
  
  
  
      const User = () =&gt; {
  
        const [selectedTab, setSelectedTab] = useState('4');
       
        const handleChange = (event, newValue) =&gt; {
          setSelectedTab(newValue);
        };
        const [currentId, setCurrentId] = useState(0);
  
        return (
  
  
          &lt;&gt;
  
            &lt;TabContext value={selectedTab} onChange={handleChange} &gt;
              &lt;Box sx={{ borderBottom: 1, borderColor: 'divider' }}&gt;
                &lt;TabList onChange={handleChange} variant=&quot;scrollable&quot;&gt;
                  &lt;Tab label=&quot;Likes&quot; value=&quot;1&quot; /&gt;
                  &lt;Tab label=&quot;Postagens&quot; value=&quot;2&quot; /&gt;
                  &lt;Tab label=&quot;Registrar Animal&quot; value=&quot;3&quot; /&gt;
                  {/**Implementar if de tipo de usuário */}
                  &lt;Tab label=&quot;Registrar Evento&quot; value=&quot;4&quot; /&gt;
                  &lt;Tab label=&quot;Usuário&quot; value=&quot;5&quot; /&gt;
                  &lt;Tab label=&quot;Pessoa Jurídica&quot; value=&quot;6&quot; /&gt;
                  &lt;Tab label=&quot;Abrigo&quot; value=&quot;7&quot; /&gt;
                &lt;/TabList&gt;
                &lt;Divider/&gt;
              &lt;/Box&gt;
              &lt;TabPanel value=&quot;1&quot;&gt;&lt;LikedPosts /&gt;&lt;/TabPanel&gt;
              &lt;TabPanel value=&quot;2&quot;&gt;Postagens&lt;/TabPanel&gt;
              &lt;TabPanel value=&quot;3&quot;&gt;&lt;Animals /&gt;&lt;/TabPanel&gt;
              &lt;TabPanel value=&quot;4&quot;&gt;nada&lt;/TabPanel&gt;
              &lt;TabPanel value=&quot;5&quot;&gt;&lt;Users /&gt;&lt;/TabPanel&gt;
              &lt;TabPanel value=&quot;6&quot;&gt;&lt;Cnpj /&gt;&lt;/TabPanel&gt;
              &lt;TabPanel value=&quot;7&quot;&gt;&lt;Shelter /&gt;&lt;/TabPanel&gt;
            &lt;/TabContext&gt;
          &lt;/&gt;
        );
      }
      export default User;
  
  </code></pre>
  <p>I can't see the error on the code, is it a dependence issue?</p>