chore(Ref): remove component

[layershifter]

BREAKING CHANGE

This PR removes Ref component.

Internally it uses ReactDOM.findDOMNode() that has been deprecated in StrictMode (#3819). It's not supported in Concurrent mode, too ( ´･･)ﾉ(._.`)

This means that usage of .findDOMNode() will be problem with upcoming React 18.

Migration

We suggest to use .forwardRef() to utilize native ref forwarding. All components from Semantic UI React v3 will support it, so Ref component is not needed:

function App() {
-  return (
-    <Ref innerRef={buttonRef}>
-      <Button />
-    </Ref>
-  )
+  return <Button ref={buttonRef} />
}

As we exported Ref component and recommended its usage everywhere we moved out Ref component to a separate package (@semantic-ui-react/component-ref). This means that you can use it already with v2 or upcoming v3:

-import { Ref } from "semantic-ui-react";
+import Ref from "@semantic-ui-react/component-ref";

⚠ Notice

@semantic-ui-react/component-ref is considered as a deprecated package, we don't plan maintain it, so please consider migration anyway. It also will not receive fixes related to usage of deprecated APIs from React.

[codecov-commenter]

Codecov Report

Merging #4286 (4dba9e6) into next-v3 (7328052) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff            @@
##           next-v3    #4286   +/-   ##
========================================
  Coverage    99.48%   99.48%           
========================================
  Files          186      186           
  Lines         3468     3468           
========================================
  Hits          3450     3450           
  Misses          18       18           

Impacted Files	Coverage Δ
src/addons/Portal/PortalInner.js	100.00% <ø> (ø)
src/lib/hooks/useClassNamesOnNode.js	100.00% <ø> (ø)
src/modules/Dropdown/Dropdown.js	100.00% <ø> (ø)
src/modules/Popup/lib/createReferenceProxy.js	57.14% <ø> (ø)
src/modules/Sidebar/Sidebar.js	100.00% <ø> (ø)
src/modules/Sticky/Sticky.js	94.64% <ø> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 7328052...4dba9e6. Read the comment docs.