title: Warning: Invalid DOM property `class`. Did you mean `className`? in a react-dom.development.js file
body: <p>every since i run my website locally i keep getting this error along with two other errors. The problem is that i do understand the errors but they are pointing to a file called &quot;react-dom.development.js 86&quot; which i dont even have and cant find the following file in my vs code.</p>
  <p>Here is a picture of the errors i have been getting in the console:</p>
  <p><a href="https://i.stack.imgur.com/Gk8wG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Gk8wG.png" alt="enter image description here" /></a></p>
  <p>This is my pingbutton.js file:-</p>
  <pre><code>import React, { useState } from &quot;react&quot;;
  import &quot;./Pingbutton.scss&quot;;
  import &quot;./Pingbutton.css&quot;;
  import { gsap } from &quot;gsap&quot;;
  // import find_my_iphonen from &quot;./Users/omarfares/Desktop/PINGOMAR/ping-omar-Backend/app.js&quot;;
  import axios from &quot;axios&quot;;
  
  class Pingbutton extends React.Component {
    constructor(props) {
      super(props);
      this.state = { val: &quot;Here is your message omar!:   &quot; };
    }
  
    handleSubmit = () =&gt; {
    
      console.log(&quot;its running&quot;);
      let databody = {
        message: this.state.val,
      };
      console.log(&quot; the message is :&quot; + databody.message);
      console.log(&quot; the message is :&quot; + this.state.val);
      return fetch(&quot;http://localhost:5000/stored&quot;, {
        method: &quot;POST&quot;,
        body: JSON.stringify(databody),
        headers: {
          &quot;Content-Type&quot;: &quot;application/json&quot;,
        },
      })
        .then((res) =&gt; res.json())
        .then((data) =&gt; console.log(data));
    };
  
    changeval = () =&gt; {
      let newval = this.textInput.value;
      console.log(&quot;submitted&quot;);
      this.setState({ val: newval });
      console.log(this.state.val);
    };
  
    render() {
      return (
        &lt;div className=&quot;ok2&quot;&gt;
          &lt;textarea
            className=&quot;message&quot;
            ref={(input) =&gt; {
              this.textInput = input;
            }}
            type=&quot;text&quot;
            placeholder=&quot;Write me somthing!. Also, double click to ping:) &quot;
            // value={this.state.val}
          &gt;&lt;/textarea&gt;
  
          &lt;button
            className=&quot;button&quot;
            onClick={() =&gt; {
              this.magic();
              this.changeval();
              this.handleSubmit(); //animation + //pinging the phone
              // this.handleButtonClick(); //setVal(() =&gt; &quot;&quot;); //sets the value of the box to empty
            }}
          &gt;&lt;/button&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default Pingbutton;
  
  </code></pre>
  <p><em>im using react js, node js/mac</em></p>
  <p>Thank you.</p>