-
Notifications
You must be signed in to change notification settings - Fork 4k
/
index.js
38 lines (33 loc) · 1.17 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import React from 'react'
import { Message, Icon } from 'semantic-ui-react'
import Types from './Types'
const RefExamples = () => (
<>
<Message icon warning>
<Icon name='warning sign' />
<Message.Content>
<Message.Header>Deprecation notice</Message.Header>
<p>
<code>Ref</code> component is deprecated and will be removed in the
next major release. Please follow our{' '}
<a href='https://github.com/Semantic-Org/Semantic-UI-React/pull/XXXX'>
upgrade guide
</a>{' '}
to avoid breaks during upgrade to v3.
</p>
<p>
It's still recommended to use <code>Ref</code> component with v2 to
get refs to HTML elements from Semantic UI React components, but as it
uses deprecated <code>ReactDOM.findDOMNode()</code> you may receive
warnings in React's StrictMode. We are working on it in{' '}
<a href='https://github.com/Semantic-Org/Semantic-UI-React/issues/3819'>
Semantic-Org/Semantic-UI-React#3819
</a>
.
</p>
</Message.Content>
</Message>
<Types />
</>
)
export default RefExamples