Merge pull request #189 from sparcs-kaist/feat/fix-share-routing

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} />

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;

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