[react] How to clear FileUpload files externally

[Naoto-Ida]

Hey y'all, we've been trying to figure out how to clear FIleUpload from the consuming component.

We know that the following works within the component:

 <FileUpload.Context>
  {({ api }) => (
    <button onClick={() => api.clearFiles()}>Clear</button>
  )}   
</FileUpload.Context>

but how shall we go about calling clearFiles from a parent component?
i.e. we have a form in the parent component which doesn't reload the page, therefore we need a way to call api.clearFiles from there.