Merge pull request #464 from velopert/fix/should-not-use-window-from-render

fix: should not use window from render because of Node.js runtime

Author: velopert

src/pages/home/HomePage.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import MainTemplate from '../../components/main/MainTemplate';
 import Header from '../../components/base/Header';
 import HomeTab from '../../components/home/HomeTab';
@@ -12,7 +12,9 @@ import FloatingHeader from '../../components/base/FloatingHeader';
 export type HomePageProps = {};
 
 function HomePage(props: HomePageProps) {
-  window.location.href = process.env.REACT_APP_CLIENT_V3_HOST!;
+  useEffect(() => {
+    window.location.href = process.env.REACT_APP_CLIENT_V3_HOST!;
+  }, []);
   return (
     <MainTemplate>
       <Header />

src/pages/velog/UserPage.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import styled from 'styled-components';
 import VelogResponsive from '../../components/velog/VelogResponsive';
 import UserProfileContainer from '../../containers/velog/UserProfileContainer';
@@ -18,8 +18,10 @@ export interface UserPageProps
 
 const UserPage: React.FC<UserPageProps> = ({ match, location }) => {
   const { username, tab } = match.params;
-  window.location.href = `${process.env
-    .REACT_APP_CLIENT_V3_HOST!}/@${username}/posts`;
+  useEffect(() => {
+    window.location.href = `${process.env
+      .REACT_APP_CLIENT_V3_HOST!}/@${username}/posts`;
+  }, []);
 
   return (
     <UserPageBlock>