Completed
Last Updated: 15 May 2023 15:58 by ADMIN
Claudio
Created on: 05 May 2023 07:01
Category: KendoReact
Type: Feature Request
0
Changing the case of Typography component to Pascal Case

Hi, when using the Kendo React Typography component like following:

<Typograpy.h1></Typograpy.h1>

compiler gives the following warning:

Imported JSX component h6 must be in PascalCase or SCREAMING_SNAKE_CASE                                                                       react/jsx-pascal-case
It would be nice to change this behavior to the right one, or maybe adding a property 'variant'
3 comments
ADMIN
Vessy
Posted on: 15 May 2023 15:58

Hi, Claudio,

I tested the provided sample in VS Code with enabled eslint and no errors were thrown at my end. Perhaps do you have the `allowNamespace` eslint option set for your code? If set to true (the default is false), then this warning will be ignored.

You can also import the needed components with custom names like demonstrated in the following sample:

Regards,
Vessy
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Claudio
Posted on: 09 May 2023 12:08
we work with typescript in pair with eslint, so when i try to use typography component eslint gives the warning above which is correct, 'cause if i'm not wrong, the JSX naming convention is to use PascalCase
ADMIN
Vessy
Posted on: 09 May 2023 11:17

Hello, Claudio,

The component in the provided snippet has a typo and should be `Typography`. Can you update it and see if the problem persists?

If so, please, compare your setup with the one from the sample below that works without errors and see if they differ somehow:

Regards,
Vessy
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!