diff --git a/webapp/channels/src/components/app.tsx b/webapp/channels/src/components/app.tsx
index f46e18da80..bf1a069124 100644
--- a/webapp/channels/src/components/app.tsx
+++ b/webapp/channels/src/components/app.tsx
@@ -16,20 +16,18 @@ const LazyRoot = React.lazy(() => import('components/root'));
 
 const Root = makeAsyncComponent('Root', LazyRoot);
 
-class App extends React.PureComponent {
-    render() {
-        return (
-            <Provider store={store}>
-                <CRTPostsChannelResetWatcher/>
-                <Router history={getHistory()}>
-                    <Route
-                        path='/'
-                        component={Root}
-                    />
-                </Router>
-            </Provider>
-        );
-    }
-}
+const App = () => {
+    return (
+        <Provider store={store}>
+            <CRTPostsChannelResetWatcher/>
+            <Router history={getHistory()}>
+                <Route
+                    path='/'
+                    component={Root}
+                />
+            </Router>
+        </Provider>
+    );
+};
 
-export default hot(App);
+export default hot(React.memo(App));