Why should component names start with capital letter in ReactJS?

If we are rendering our component using JSX, the name of that component has to begin with a capital letter otherwise React will throw an error as unrecognized tag. This convention is because only HTML elements and SVG tags can begin with a lowercase letter. We can define component class which name starts with lowercase letter, but when it’s imported it should have capital letter.