Closes #815

app/components/Layout.js

@@ -15,7 +15,6 @@ import { LoadingIndicatorBar } from 'components/LoadingIndicator';
 import Sidebar from 'components/Sidebar';
 import SettingsSidebar from 'components/Sidebar/Settings';
 import Modals from 'components/Modals';
-import Toasts from 'components/Toasts';
 import ErrorSuspended from 'scenes/ErrorSuspended';
 
 import AuthStore from 'stores/AuthStore';
@@ -99,7 +98,6 @@ class Layout extends React.Component<Props> {
           </Content>
         </Flex>
         <Modals ui={ui} />
-        <Toasts ui={ui} />
       </Container>
     );
   }

app/components/Toasts/Toasts.js

@@ -1,6 +1,6 @@
 // @flow
 import * as React from 'react';
-import { observer } from 'mobx-react';
+import { observer, inject } from 'mobx-react';
 import styled from 'styled-components';
 import Toast from './components/Toast';
 import UiStore from '../../stores/UiStore';
@@ -41,4 +41,4 @@ const List = styled.ol`
   z-index: 1000;
 `;
 
-export default Toasts;
+export default inject('ui')(Toasts);