[FileManager] Typescript: retrieve reference on the component API

Cerclique

Hello,

In the documentation, this article describe how to retrieve a reference on the API of the file manager component.

However, the FileManager component does not seems explicitly expose a ref attribute.
It looks like it is still usable somehow, but not suitable for production.
Please, refer to this minimal example, where the FileManager component is declared.

Is it intentional ?
Did I miss something in the documentation ?

Regards,

tasha

Hello,
Filemanagercomponent should support refto access its API, as shown in our documentation. However, there’s currently a type definition inconsistency that prevents reffrom being recognized properly in TypeScript projects.
It will be fixed in one of the upcoming releases.

You can access the FilemanagerAPI via a React ref. The component exposes its API object through the refprop. For example:

const apiRef = useRef<IApi>(null);

// Later, call API methods like:
apiRef.current?.exec('provide-data', {
  id: '/Code',
  data: serializedData,
});

Please check the example: https://stackblitz.com/edit/vitejs-vite-xkgczzyv?file=src%2FApp.tsx

Or you can apply the init handler.

Cerclique

Thank you for your answer.
I have found a temporary solution for now, but I'm eagerly awaiting the next update.

tasha

Hello Cerclique,

Please check React Filemanager v.2.5.0. The issues with types are fixed now.