react hot loader for folder outside root

### Description

I can't get `react-hot-loader` to work for dependencies outside of root project.

### Expected behavior

React-hot-loader should work as intended.

### Actual behavior

Browser refreshes the complete page

### Environment

React Hot Loader version: 8

Run these commands in the project folder and fill in their results:

1. `node -v`: 10.16.3
2. `npm -v`: 6.9.0

Then, specify:

1. Operating system: Both Windows and Mac
2. Browser and version: Chrome

### Details

I have two projects (on same level)

[app]
[service]

Inside app/webpack.conf.js, i have defined alias as:

```
resolve: {
alias: {
'@src': path.resolve(__dirname, 'src),
'@service': path.resolve(__dirname, '../service)
}
}
```

My entry file (Home.js):

```
import Content from '@src/content/Content';
import Service from '@service/service/Service';

...

export default hot(Home);
```

Now hot loader works for `Content` but not for `Service`.

Is there anything I am missing here?

This is what I see on console.

```
Ignored an update to unaccepted module ../service/service/Service.js ->....
[HMR] The following modules couldn't be hot updated: (Full reload needed)
[HMR] - ../service/service/Service.js
[HMR] Reloading page
```