Warning when using animation=true in TabStrip

[Bernd]

I have added a TabStrip on a Dialog inside a form and if I don't set the animation parameter for the TabStrip to false I get the attached error in the browser console. Here is the part of my code so you can see what I do:

        <Dialog
            title={t(`channel:${getDialogHeadline(props.mode)}`)}
            onClose={props.cancelForm}
            width={'60%'}
        >
            <Form
                onSubmit={onFormSubmit}
                initialValues={formState}
                render={(formRenderProps: FormRenderProps) => (
                    <div className="k-d-flex-col">
                        <FormElement style={{ width: '90%' }}>
                            <div>
                                <TabStrip
                                    selected={selected}
                                    onSelect={handleSelect}
                                    animation={false}
                                >
                                    {tabPages.map((item, index) => {
                                        return (
                                            <TabStripTab
                                                disabled={item.disabled}
                                                title={item.label}
                                                key={index}
                                            >
                                                {item.content}
                                            </TabStripTab>
                                        );
                                    })}
                                </TabStrip>
                            </div>
...

 

And here are the kendo packages that I use:

        "@progress/kendo-data-query": "^1.5.5",
        "@progress/kendo-drawing": "^1.16.0",
        "@progress/kendo-licensing": "^1.2.1",
        "@progress/kendo-react-animation": "^4.13.0",
        "@progress/kendo-react-buttons": "^4.13.0",
        "@progress/kendo-react-data-tools": "^4.13.0",
        "@progress/kendo-react-dateinputs": "^4.13.0",
        "@progress/kendo-react-dialogs": "^4.13.0",
        "@progress/kendo-react-dropdowns": "^4.13.0",
        "@progress/kendo-react-form": "^4.13.0",
        "@progress/kendo-react-grid": "^4.13.0",
        "@progress/kendo-react-indicators": "^4.13.0",
        "@progress/kendo-react-inputs": "^4.13.0",
        "@progress/kendo-react-intl": "^4.13.0",
        "@progress/kendo-react-layout": "^4.13.0",
        "@progress/kendo-react-notification": "^4.13.0",
        "@progress/kendo-react-progressbars": "^4.13.0",
        "@progress/kendo-react-tooltip": "^4.13.0",
        "@progress/kendo-react-treeview": "^4.13.0",
        "@progress/kendo-react-upload": "^4.13.0",
        "@progress/kendo-theme-material": "^4.43.0",

I already experienced a similar issue with the TreeView component and got the answer from you that this has been an issue. See https://github.com/telerik/kendo-react/issues/723

Just thought, I'd bring this to your attention that there is the same problem with the TabStrip.

[Stefan]

Hello,

Thank you for the report this is the same issue that is linked as it is connected with animations used in the TabScrip:

https://github.com/telerik/kendo-react/issues/723

Apologies for the inconvenience this may have caused you.
I have personally escalated it again to the team.

Regards,
Stefan
Progress Telerik