Tray close still triggers needless re-mounts/unmounts of tray contents

[aaronshaf]

Background Information

Package Version(s):
8.46.1

Browser:
Chrome

Component:
Tray

Describe the Bug

When a Tray's open prop is toggled from true to false, the inner contents are unmounted, then re-mounted, then unmounted again. It should only unmount without re-mounting.

Steps To Reproduce

Go here and inspect the console: https://codesandbox.io/s/charming-forest-d58zr4

Open, then close the tray.

Screenshots

Requested Priority:
High. It affects our use of React/TanStack Query.

[aaronshaf]

This used to be a problem on upon opening a tray, but that was previously resolved, cf. #1315

[aaronshaf]

This is a big deal because of refetchOnMount in TanStack Query
https://tanstack.com/query/v4/docs/react/reference/useQuery

[balzss]

fix is in #1342