title: Cannot read properties of undefined (reading 'direction') React JS Material Table
body: <p>After installing the Material Table using React JS and mapping the data to it, this error will be displayed on the console while running the application. The reason for this is hard for me to imagine.</p>
  <p><img src="https://i.stack.imgur.com/DrNF8.png" alt="enter image description here" />
  <img src="https://i.stack.imgur.com/6hupL.png" alt="Errors" /></p>
  <p>Below is the table I developed.</p>
  <p>`<br />
  const empList = [
  { id: 1, name: &quot;Neeraj&quot;, email: 'neeraj@gmail.com', phone: 9876543210, city: &quot;Bangalore&quot; },
  { id: 2, name: &quot;Raj&quot;, email: 'raj@gmail.com', phone: 9812345678, city: &quot;Chennai&quot; },
  { id: 3, name: &quot;David&quot;, email: 'david342@gmail.com', phone: 7896536289, city: &quot;Jaipur&quot; },
  { id: 4, name: &quot;Vikas&quot;, email: 'vikas75@gmail.com', phone: 9087654321, city: &quot;Hyderabad&quot; },
  ]</p>
  <pre><code>const [data, setData] = useState(empList)
  
  const columns = [
      { title: &quot;ID&quot;, field: &quot;id&quot;, editable: false },
      { title: &quot;Name&quot;, field: &quot;name&quot; },
      { title: &quot;Email&quot;, field: &quot;email&quot; },
      { title: &quot;Phone Number&quot;, field: 'phone', },
      { title: &quot;City&quot;, field: &quot;city&quot;, }
  ]
  
  
              
                  &lt;h5&gt;
                      List of Services
                  &lt;/h5&gt;
              
              &lt;MaterialTable
                  title=&quot;Employee Data&quot;
                  data={data}
                  columns={columns}
              /&gt;
  
  
          &lt;/div&gt;`
  </code></pre>