From c008c95c93215e88d682aa2ffcc1879e14b06a39 Mon Sep 17 00:00:00 2001
From: Jamin <okpusjamin@gmail.com>
Date: Tue, 5 Dec 2023 09:28:41 +0000
Subject: [PATCH] refactor: convert app component to function component
 (#25547)

---
 webapp/channels/src/components/app.tsx | 30 ++++++++++++--------------
 1 file changed, 14 insertions(+), 16 deletions(-)

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));