Using "react-hot-loader/babel" throws invariant warning

> *Moved from [#15508](https://github.com/mui-org/material-ui/issues/15508)*

Material-ui component Grid throws invariant warning when hot reloading.

keyword: alpha, hooks, hmr, rhl, react, component, grid, v4, invariant

- [x] This is not a v0.x issue.
- [x] I have searched the [issues](https://github.com/mui-org/material-ui/issues) of this repository and believe that this is not a duplicate.

## Expected Behavior 🤔
I expect to hot-reload material-ui components just fine at all newest versions.

## Current Behavior 😯
RHL looks like working, although throws `Invariant Violation: "Invalid hook call...` warning.

## Steps to Reproduce 🕹
I can't make codesandbox.io example, because this is related to RHL. Code below:
```
// test.tsx
import * as React from 'react' // v16.8.6
import { hot } from 'react-hot-loader/root' // v4.8.4
import { Grid } from '@material-ui/core' // v4.0.0-alpha.8

export default hot>((props) => (change me)
```
```
// index.tsx
import * as React from 'react' // v16.8.6
import { render } from 'react-dom' // v16.8.6, aliased to @hot-loader/react-dom@16.8.6

render(, document.getElementById('root'))
```

Steps:
1. `webpack-dev-server --mode development --hot`
2. in browser check console and see no warnings yet
3. in `test.tsx` file edit "change me"
4. check console that RHL managed to put update, but throws `Invariant Violation: "Invalid hook call...` warning. Also,
```
[HMR] Updated modules: log.js:24
[HMR] - ./src/test.tsx log.js:24
[HMR] - ../../node_modules/@material-ui/core/esm/index.js log.js:24
```
5. in `test.tsx` file change "Grid" to "div"
6. check console that RHL managed to put update, but throws `Invariant Violation: "Invalid hook call...` warning. Also
```
[HMR] Updated modules: log.js:24
[HMR] - ./src/test.tsx log.js:24
```
7. in `test.tsx` file change text again and leave it to "div"
8. check console that RHL managed to put update, and no warnings anymore. Weird.

## Context 🔦
I'm trying to setup Material-UI React hook-only app in Typescript.

## Your Environment 🌎
Using webpack@4.30.0 with @babel/core@7.4.3 and @babel/preset-typescript@7.3.3 . I'm using only babel to transpile TS code.

Reproduce the warning using the test.tsx and index.tsx examples with React 16.8.6, react-hot-loader, webpack-dev-server, and the Material-UI Grid component. Start by tracing the hot-reload update path and the reported Invalid hook call, then verify that editing the component no longer produces the invariant warning.

Written by the indexing model from the issue text.