Babel Fails To Highlight/Distinguish ReactJS Entities from the developer's ones!

[cypherinfo]

Hello, this is my first post in here. I have tried to use the JavaScript package but it seems that nothing is capable to correctly highlight the entities (keywords) belonging to ReactJS from the ones created by the developer.
Here is an example (external image): https://imgur.com/XapapuJ
"Counter" is the name of the newly create React component; its color is supposed to be different from the reserved words used by ReactJS ("extends.React.Component");
"count" is a property created by the developer has to be different in color by the "this.state" belonging to React;
the event handler function: "incroementCount" reated by the developer has to be different in color by the "this" and "class" reserved words.
Thank you.