Hi Patrick - i got it all working. Thanks for your note and suggestion on this. I found the below helpful:

React - Kendo UI Third-Party Tools - Kendo UI for jQuery (telerik.com)

Thanks for everything.

Regards,

-Amit

Amit, it sounds like Kendo library isn't being loaded. We're using Vite, and we have `@progress/kendo-ui` as a dependency for the project. Here's what I used to absolutely make sure jQuery and Kendo UI were in scope.

```

// spreadsheet-wrapper.jsx

import KendoUI from '@progress/kendo-ui';

window.kendo = KendoUI;
const $ = window.kendo.jQuery;
window.$ = $;

```

Because we assign several things to `window`, you should be able to go into the javascript console and test that everything is loaded correctly.

Hi Patrick - finally getting around to this. When i tried the below i get an error: ".kendoSpreadsheet is not a function". I have included <script src="kendo.all.min.js"></script> in my application so it should find it. It feels like i am missing something obvious? Thoughts?

Amit,

It depends on how much integration you require. We are using a state library that helps us in some cases sync changes in the spreadsheet with our react code. (We use `@preact/signals-react`, but anything that lets you set state outside of components should work.)

We just render `<div ref={spreadsheetRef} />` and in a `useEffect(...)` call `$(spreadsheetRef.current).kendoSpreadsheet({ ... })`. You can then pass optoins and bind events as you would the jQuery spreadsheet.

Patrick - Thanks for the response. Do you happen to have a simple example handy of how to wrap the Kendo UI widget within React?

Amit: currently we are wrapping the Kendo UI spreadsheet so that we can manipulate the filters. It is not terribly ergonomic, especially since the only event that triggers for filter changes is "render".

This is a spreadsheet widget. Filters are a very important and useful tool of *any* spreadsheet and its a little concerning that this is not yet implemented for React. What is workaround here?