View Full Version : ExtReact 7.0.0 : Component is using incorrect casing. Use PascalCase...

5 Nov 2019, 1:26 AM
-When we are trying to wrap ExtReact components inside a plain HTML like a div we get an following warnings for example: "Warning: <Container /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements." and "Warning: The tag <Container> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter." And then the app fails.

-I saw that this bug is also mentioned here https://www.sencha.com/forum/showthr...act-components (https://www.sencha.com/forum/showthread.php?470650-ExtReact-6-6-does-not-work-with-normal-React-components) and here https://www.sencha.com/forum/showthr...ide-Plain-HTML (https://www.sencha.com/forum/showthread.php?470843-ExtReact-Component-inside-Plain-HTML) but for ExtReact 6.6 and we are using ExtReact 7.0.0.

-Is this resolved by some config in webpack.config.js or there is no plan to resolve this?

Best regards,
Jiway Software Editor

15 Nov 2019, 12:21 AM
Don't bother. This is dead. The product is dead. We (and you, dear fellow developer) must now start converting our ExtJS based apps into another toolkit. Either that, lose the ability to show a simple <Button> inside a <div>, or get stuck with React 15.6 as we are, unable to use hooks.

I have been debugging this but it does not seem like there is a simple fix for it, and I still do not know ReactDOM and React Fiber internals that much to be able to solve it. Maybe we can bump the github issue and try to work it out together for the community?