From a63ecf541f3045f928ab2f815b3605ac003d5ebf Mon Sep 17 00:00:00 2001
From: Soonho Kwon <percy3368@gmail.com>
Date: Fri, 3 Nov 2023 21:13:55 +0900
Subject: [PATCH] fix(share): force full reload in `/s' routes

---
 src/App.tsx                     |  2 ++
 src/components/pages/Reload.tsx | 11 +++++++++++
 src/components/pages/index.ts   |  1 +
 3 files changed, 14 insertions(+)
 create mode 100644 src/components/pages/Reload.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 43034fa..cdd883f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -26,6 +26,7 @@ import { PrivateRoute, PublicRoute } from "hoc/AuthRoutes";
 import pToP from "hoc/paramsToProps";
 
 import AppWrapper from "./App.styled";
+import Reload from "./components/pages/Reload";
 
 const App = () => (
   <AppWrapper>
@@ -55,6 +56,7 @@ const App = () => (
         <PrivateRoute path="/settings" component={SettingsPage} />
         <PublicRoute path="/auth" component={AuthPage} />
         <Route path="/api" component={ApiPage} />
+        <Route path="/s" component={Reload} />
         <Route path="/" exact component={LandingPage} />
         <Route path="/main" exact component={HomePage} />
         <Route path="/:name" component={ProfilePage} />
diff --git a/src/components/pages/Reload.tsx b/src/components/pages/Reload.tsx
new file mode 100644
index 0000000..64824e7
--- /dev/null
+++ b/src/components/pages/Reload.tsx
@@ -0,0 +1,11 @@
+import React, { useEffect } from "react";
+
+const Reload: React.FC = () => {
+  useEffect(() => {
+    location.reload();
+  }, []);
+
+  return <></>;
+};
+
+export default Reload;
diff --git a/src/components/pages/index.ts b/src/components/pages/index.ts
index 351637e..3c7ca99 100644
--- a/src/components/pages/index.ts
+++ b/src/components/pages/index.ts
@@ -26,3 +26,4 @@ export const NotFound = loadable(/* webpackPrefetch: true */ () => import("./Not
 // export const AdminPage = loadable(/* webpackPrefetch: true */ () => import("./AdminPage"));
 export const SearchPage = loadable(/* webpackPrefetch: true */ () => import("./SearchPage"));
 export const ApiPage = loadable(/* webpackPrefetch: true */ () => import("./ApiPage"));
+export const ReloadPage = loadable(/* webpackPrefetch: true */ () => import("./Reload"));