Add forwardRef to wrapped re-exported lazy components

[garrettjstevens]

I noticed I was getting console errors and strange behavior when using the MUI Tooltip on another MUI component. Specifically I was using Tooltip to wrap IconButton, but the tooltip wouldn't appear until after the button had been clicked on. Eventually I found this docs page: https://mui.com/material-ui/guides/composition/#caveat-with-refs

What I eventually figured out is that basically, when we wrap lazy components in Suspsense, we have to use React.forwardRef to pass any refs on to the wrapped component. This allows things like Tooltip to work as usual.

I also had to add some display names after adding forwardRef to satisfy the "react/display-name" lint rule.

[codecov]

Codecov Report

Merging #3887 (8806a02) into main (48dfe18) will increase coverage by 0.01%.
The diff coverage is 100.00%.

@@            Coverage Diff             @@
##             main    #3887      +/-   ##
==========================================
+ Coverage   64.42%   64.43%   +0.01%     
==========================================
  Files        1004     1004              
  Lines       29789    29798       +9     
  Branches     7143     7143              
==========================================
+ Hits        19191    19200       +9     
  Misses      10432    10432              
  Partials      166      166              

Files Changed	Coverage Δ
packages/core/ReExports/modules.tsx	15.19% <100.00%> (+3.91%)	⬆️

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more