Visibility change callbacks for <Disclosure>?

[SevenOutman]

Hi, I wonder if there's any callback props on <Disclosure> that fires when it expands/collapses?

<Disclosure onShow={} onHide={}>
  ...
</Disclosure>

[0x7357]

+1

That's the exact same question I wanted to ask. I'd like to use Disclosure with a callback to load the DisclosurePanel content via (e. g.) Axios.

[SevenOutman]

I'd like to use Disclosure with a callback to load the DisclosurePanel content via (e. g.) Axios.

I think this use case can be solved with a useEffect depending on open render prop:

function MyAsyncComponent({ shown }) {
  useEffect(() => {
    if (shown) {
      // load the data
    }
  }, [shown]);
}

<Disclosure>
  // ... Button
  <Disclosure.Panel>
    {({ open }) => (
      <MyAsyncComponent shown={open} />
    )}
  </Disclosure.Panel>
</Disclosure>

[0x7357]

I guess this would work, but isn't as clean as firing a callback, like onShow/onHide. But thanks for the idea!