<h2 id="error">Error:</h2>
Uncaught Error: The <code>style</code> prop expects a mapping from style properties to values, not a string. For example,
<pre><code> style={{marginRight: spacing + 'em'}} when using JSX.
</code></pre><h2 id="solution">solution:</h2>
<ul>
<li>Check for className by mistake we add styles instead of className that's the main reason for the error try to change it and refresh the page.
</li>
<li>Use "styles" prop instead of style
</li>
</ul>
<pre><code>&lt;span className="myClass" style={{float : 'left', paddingRight : '5px'}} &gt; &lt;/span&gt;
</code></pre><ul>
<li>using className="your-class-name"</li>
<li>using style={css_object} or style={{color: this.props.color}}</li>
</ul>
Thanks.

## Error: 

Uncaught Error: The `style` prop expects a mapping from style properties to values, not a string. For example,

```
 style={{marginRight: spacing + 'em'}} when using JSX.

```

## solution:
 
 - Check for className by mistake we add styles instead of className that's the main reason for the error try to change it and refresh the page.

 - Use "**styles**" prop instead of *style*

```
 

```

- using className="your-class-name"
- using style={css_object} or style={{color: this.props.color}}



Thanks.

`style` prop expects a mapping from style properties to values

Senior Web Developer with experience using React, Flutter, and Angular.
I hope to provide you with the inspiration and knowledge to help you with your web development journey.
