What is React component 'displayName' is used for? : <p>I know that is <a href="https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/display-name.md" rel="noreferrer">it considered a good practice</a> to name react component by adding a <code>displayName</code> property, but not sure I know why. In react docs, it say:</p>

<blockquote>
  <p>The displayName string is used in debugging messages. JSX sets this value automatically; see JSX in Depth.</p>
</blockquote>

<p>Why is is so important? what will happen if I won't add it? (so far I didn't have it and had no issues debugging)</p>

<p>Are there any recommendations /  good practices on how to name the components? </p>
