ExtReact 7.0.0 : Component is using incorrect casing. Use PascalCase...

[jiwayProgrammer]

-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 and here https://www.sencha.com/forum/showthr...ide-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

[jfconde]

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?