From e2bcf55e536d8261da5519feb67b5d3e9305622c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Mon, 1 Feb 2021 21:37:06 +0900
Subject: [PATCH] chore: prefer using dynamic import

---
 pages/addbot.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/pages/addbot.tsx b/pages/addbot.tsx
index 5835ea9..91789df 100644
--- a/pages/addbot.tsx
+++ b/pages/addbot.tsx
@@ -7,18 +7,18 @@ import { Form, Formik } from 'formik'
 import { get } from '@utils/Query'
 import { parseCookie, redirectTo } from '@utils/Tools'
 import { AddBotSubmitSchema } from '@utils/Yup'
-import CheckBox from '@components/Form/CheckBox'
-import Label from '@components/Form/Label'
-import Input from '@components/Form/Input'
-import Divider from '@components/Divider'
-import TextArea from '@components/Form/TextArea'
-import Segment from '@components/Segment'
-import Markdown from '@components/Markdown'
 import { categories, library } from '@utils/Constants'
-import Select from '@components/Form/Select'
-import Selects from '@components/Form/Selects'
-import Button from '@components/Button'
 
+const CheckBox = dynamic(() => import('@components/Form/CheckBox'))
+const Label = dynamic(() => import('@components/Form/Label'))
+const Input = dynamic(() => import('@components/Form/Input'))
+const Divider = dynamic(() => import('@components/Divider'))
+const TextArea = dynamic(() => import('@components/Form/TextArea'))
+const Segment = dynamic(() => import('@components/Segment'))
+const Markdown = dynamic(() => import('@components/Markdown'))
+const Select = dynamic(() => import('@components/Form/Select'))
+const Selects = dynamic(() => import('@components/Form/Selects'))
+const Button = dynamic(() => import('@components/Button'))
 const Container = dynamic(() => import('@components/Container'))
 const Message = dynamic(() => import('@components/Message'))
 const SEO = dynamic(() => import('@components/SEO'))