add a warning for render

src/addons/Responsive/Responsive.js

@@ -25,6 +25,17 @@ export default class Responsive extends Component {
   componentDidMount() {
     const { fireOnMount } = this.props
 
+    if (process.env.NODE_ENV !== 'production') {
+      if (!Responsive.__deprecationWarningWasRaised) {
+        Responsive.__deprecationWarningWasRaised = true
+
+        // eslint-disable-next-line no-console
+        console.warn(
+          'Warning: "Responsive" component from Semantic UI React is deprecated and will be removed in the next major release. Please follow our upgrade guide: https://github.com/Semantic-Org/Semantic-UI-React/pull/4008',
+        )
+      }
+    }
+
     eventStack.sub('resize', this.handleResize, { target: 'window' })
     if (fireOnMount) this.handleUpdate()
   }
@@ -112,3 +123,7 @@ Responsive.onlyTablet = { minWidth: 768, maxWidth: 991 }
 Responsive.onlyComputer = { minWidth: 992 }
 Responsive.onlyLargeScreen = { minWidth: 1200, maxWidth: 1919 }
 Responsive.onlyWidescreen = { minWidth: 1920 }
+
+if (process.env.NODE_ENV !== 'production') {
+  Responsive.__deprecationWarningWasRaised = false
+}

test/specs/addons/Responsive/Responsive-test.js

@@ -3,9 +3,14 @@ import React from 'react'
 import Responsive from 'src/addons/Responsive/Responsive'
 import { isBrowser } from 'src/lib'
 import * as common from 'test/specs/commonTests'
-import { domEvent, sandbox } from 'test/utils'
+import { consoleUtil, domEvent, sandbox } from 'test/utils'
 
 describe('Responsive', () => {
+  it('a render to strip deprecation warning', () => {
+    consoleUtil.disableOnce()
+    mount(<Responsive />)
+  })
+
   common.isConformant(Responsive)
   common.rendersChildren(Responsive, {
     rendersContent: false,