I just followed the instructions to create a my own new react app that uses telerik reporting viewer, I'v set the rest service and it's working fine , but when I'm trying to load a viewer in the website this error pops up (in the console) , Just followed all the steps in the docs ,and still getting this error , by the way the demo react app works fine for me and loads the report properly 

"Uncaught TypeError: perspectiveManager.dispose is not a function
    at Object.dispose (telerikReportViewer.js:8168:1)
    at TelerikReportViewer.dispose (telerik-report-viewer.js:213:1)
    at TelerikReportViewer.componentWillUnmount (telerik-report-viewer.js:105:1)
    at callComponentWillUnmountWithTimer (react-dom.development.js:22852:1)
    at safelyCallComponentWillUnmount (react-dom.development.js:22873:1)
    at invokeLayoutEffectUnmountInDEV (react-dom.development.js:25188:1)
    at invokeEffectsInDev (react-dom.development.js:27351:1)
    at commitDoubleInvokeEffectsInDEV (react-dom.development.js:27321:1)
    at commitRootImpl (react-dom.development.js:26883:1)
    at commitRoot (react-dom.development.js:26682:1)"

"

"

Hi,

There is an easy way for setting the prop id on rowRender or I have to do that :

I'm following the example for using a treelist

https://www.telerik.com/kendo-react-ui/components/treelist/

One thing I noticed is when I enter a filter term, the match result could be hidden/collapsed in the child of a displayed parent. Is there a good way to auto expand out and highlight the matched rows?

I would like to render a Field component outside the Form render function, is this possible? I would like to leverage the validator prop/logic that comes with the Field component.

const InputValidationWrapper = (fieldRenderProps) => {
  const { validationMessage, visited, enabledAutoComplete, ...others } = fieldRenderProps;
  const inputProps = enabledAutoComplete ? others : { ...others, autoComplete: "off" };
  return (
    <div className="pingora-val-i">
      <Input {...inputProps} />
      {visited && validationMessage && <Error>{validationMessage}</Error>}
    </div>
  );
};
const nameValidator = (value) => (!value ? 'Full Name is required' : '');
const App = () => {
return (
    <div>
      <Field
        id={'fullName'}
        name={'fullName'}
        label={'Full Name'}
        component={Input}
        validator={nameValidator}
      />
    </div>
  );
};

Thanks

Hi.

As the example on the documentation pages still uses react router 4 and I had to struggle a bit to make the Drawer component work with version 6, I thought I'd share an example of a possible solution. It's a little hacky because I send all unknown routes to home but it works. :-) 

Hope this helps somebody.

https://stackblitz.com/edit/react-kzrru7?file=app%2Fmain.tsx

Greetings,

Bernd

I'm using stepper as a page navigation tool. You can either click on the stepper itself or click on a next button to go to next page.

Currently, when next button is click, I set the stepper value to the next stepper item. This works as k-step-current style is applied correctly, but k-step-focus is still on the previous item. Any solutions to update k-step-focus?

Stepper works as expected when clicking on the stepper itself.