diff --git a/web/src/components/molecules/AddNewPluginPage/AddNewPluginContent.tsx b/web/src/components/molecules/AddNewPluginPage/AddNewPluginContent.tsx
index 6d1630da..8ac18b05 100644
--- a/web/src/components/molecules/AddNewPluginPage/AddNewPluginContent.tsx
+++ b/web/src/components/molecules/AddNewPluginPage/AddNewPluginContent.tsx
@@ -56,20 +56,14 @@ const AddNewPluginContent: React.FC<Props> = ({
         </Col>
         <Col>
           <Space size="middle">
-            <Button
-              type="default"
-              size="large"
-              onClick={handleClickSave}
-              loading={isSaveLoading}
-            >
+            <Button type="default" size="large" onClick={handleClickSave} loading={isSaveLoading}>
               Save
             </Button>
             <Button
               type="primary"
               size="large"
               onClick={handleClickPublish}
-              loading={isPublishLoading}
-            >
+              loading={isPublishLoading}>
               Publish
             </Button>
           </Space>
@@ -79,8 +73,7 @@ const AddNewPluginContent: React.FC<Props> = ({
         defaultActiveKey={currentTab}
         tabBarStyle={{ margin: 0 }}
         activeKey={currentTab}
-        onChange={handleClickDetailSetting}
-      >
+        onChange={handleClickDetailSetting}>
         <TabPane tab="Package" key="1">
           <PackageArea
             githubUrl={githubUrl}
diff --git a/web/src/components/molecules/AddNewPluginPage/PackageArea.tsx b/web/src/components/molecules/AddNewPluginPage/PackageArea.tsx
index af29ca90..83269cb0 100644
--- a/web/src/components/molecules/AddNewPluginPage/PackageArea.tsx
+++ b/web/src/components/molecules/AddNewPluginPage/PackageArea.tsx
@@ -23,9 +23,9 @@ const PackageArea: React.FC<Props> = ({
   handleParsePlugin,
   handleChangeGithubUrl,
 }) => {
-  const [currentRadio, changeRadio] = useState<
-    "Upload from local" | "GitHub repository"
-  >("Upload from local");
+  const [currentRadio, changeRadio] = useState<"Upload from local" | "GitHub repository">(
+    "Upload from local",
+  );
   const handleChangeRadio = (e: RadioChangeEvent) => {
     changeRadio(e.target.value);
   };
@@ -43,12 +43,8 @@ const PackageArea: React.FC<Props> = ({
         <Row justify="start">
           <Col>
             <Radio.Group onChange={handleChangeRadio} value={currentRadio}>
-              <Radio.Button value="Upload from local">
-                Upload from local
-              </Radio.Button>
-              <Radio.Button value="GitHub repository">
-                GitHub repository
-              </Radio.Button>
+              <Radio.Button value="Upload from local">Upload from local</Radio.Button>
+              <Radio.Button value="GitHub repository">GitHub repository</Radio.Button>
             </Radio.Group>
           </Col>
         </Row>
@@ -60,31 +56,26 @@ const PackageArea: React.FC<Props> = ({
               accept=".zip"
               maxCount={1}
               multiple={false}
-              beforeUpload={(file) => {
+              beforeUpload={file => {
                 const isZip = file.type === "application/zip";
                 if (!isZip) {
                   Message.error(`${file.name} is not a zip file`);
                 }
                 return isZip || Upload.LIST_IGNORE;
               }}
-              customRequest={(info) => handleParsePlugin(info.file)}
-              onChange={(info) => {
+              customRequest={info => handleParsePlugin(info.file)}
+              onChange={info => {
                 const { status } = info.file;
                 if (status === "done") {
-                  Message.success(
-                    `${info.file.name} file uploaded successfully.`
-                  );
+                  Message.success(`${info.file.name} file uploaded successfully.`);
                 } else if (status === "error") {
                   Message.error(`${info.file.name} file upload failed.`);
                 }
-              }}
-            >
+              }}>
               <p className="ant-upload-drag-icon">
                 <Icon icon="inbox" />
               </p>
-              <p className="ant-upload-hint">
-                Click or drag file to this area to upload
-              </p>
+              <p className="ant-upload-hint">Click or drag file to this area to upload</p>
             </Dragger>
           </UploadArea>
         ) : (
@@ -92,7 +83,7 @@ const PackageArea: React.FC<Props> = ({
             <Input
               placeholder="github.com/xxx/xxx"
               value={githubUrl}
-              onChange={(e) => {
+              onChange={e => {
                 handleChangeGithubUrl(e.target.value);
               }}
             />
diff --git a/web/src/components/molecules/AddNewPluginPage/SettingArea.tsx b/web/src/components/molecules/AddNewPluginPage/SettingArea.tsx
index 7fea856f..658bc937 100644
--- a/web/src/components/molecules/AddNewPluginPage/SettingArea.tsx
+++ b/web/src/components/molecules/AddNewPluginPage/SettingArea.tsx
@@ -12,12 +12,7 @@ export type Props = {
   description: string;
   handleUploadImages: (image: UploadRequestOption) => void;
 };
-const SettingArea: React.FC<Props> = ({
-  pluginName,
-  version,
-  description,
-  handleUploadImages,
-}) => {
+const SettingArea: React.FC<Props> = ({ pluginName, version, description, handleUploadImages }) => {
   return (
     <Wrapper>
       <Space direction="vertical" size="middle" style={{ width: "100%" }}>
@@ -32,12 +27,11 @@ const SettingArea: React.FC<Props> = ({
         <Upload
           listType="picture"
           accept="image/png, image/jpeg, image/jpg"
-          customRequest={(image) => {
+          customRequest={image => {
             handleUploadImages(image);
           }}
           defaultFileList={[]}
-          multiple
-        >
+          multiple>
           <Button icon={<Icon icon="upload" />} type="primary" ghost>
             Upload Image
           </Button>
diff --git a/web/src/components/molecules/MyPluginsPage/MyPluginsTable.tsx b/web/src/components/molecules/MyPluginsPage/MyPluginsTable.tsx
index a49eceab..79060373 100644
--- a/web/src/components/molecules/MyPluginsPage/MyPluginsTable.tsx
+++ b/web/src/components/molecules/MyPluginsPage/MyPluginsTable.tsx
@@ -23,7 +23,7 @@ const MyPluginsTable: React.FC<Props> = ({ data, handlePublishClick }) => {
       title: "Plugin Name",
       dataIndex: "name",
       key: "name",
-      render: (text) => <BoldTitle>{text}</BoldTitle>,
+      render: text => <BoldTitle>{text}</BoldTitle>,
     },
     {
       title: "Status",
@@ -62,7 +62,7 @@ const MyPluginsTable: React.FC<Props> = ({ data, handlePublishClick }) => {
       title: "Action",
       key: "action",
       dataIndex: "id",
-      render: (id) => {
+      render: id => {
         return (
           <Row justify="space-around" style={{ maxWidth: "200px" }}>
             {/* <Col>
diff --git a/web/src/components/molecules/PluginsListCard/index.tsx b/web/src/components/molecules/PluginsListCard/index.tsx
index 1e711590..1e26f772 100644
--- a/web/src/components/molecules/PluginsListCard/index.tsx
+++ b/web/src/components/molecules/PluginsListCard/index.tsx
@@ -44,8 +44,7 @@ const PluginsListCard: React.FC<Props> = ({
       size="small"
       bordered={false}
       onClick={onClick}
-      bodyStyle={{ padding: "4px 0" }}
-    >
+      bodyStyle={{ padding: "4px 0" }}>
       <Row justify="space-between" align="top">
         <AuthorName>{author}</AuthorName>
         <Space size="small">
diff --git a/web/src/components/molecules/SearchArea/index.tsx b/web/src/components/molecules/SearchArea/index.tsx
index e66ca9ae..bb651fd1 100644
--- a/web/src/components/molecules/SearchArea/index.tsx
+++ b/web/src/components/molecules/SearchArea/index.tsx
@@ -26,39 +26,38 @@ export type Props = {
 //   },
 // ];
 
-const orderMenuItems: Array<{ label: string; key: number; value: PluginSort }> =
-  [
-    {
-      label: "ダウンロード数降順",
-      key: 1,
-      value: PluginSort.DownloadsAsc,
-    },
-    {
-      label: "ダウンロード数昇順",
-      key: 2,
-      value: PluginSort.DownloadsDesc,
-    },
-    {
-      label: "名前降順",
-      key: 3,
-      value: PluginSort.NameAsc,
-    },
-    {
-      label: "名前昇順",
-      key: 4,
-      value: PluginSort.NameDesc,
-    },
-    {
-      label: "公開日降順",
-      key: 5,
-      value: PluginSort.PublishedatAsc,
-    },
-    {
-      label: "公開日昇順",
-      key: 6,
-      value: PluginSort.PublishedatDesc,
-    },
-  ];
+const orderMenuItems: Array<{ label: string; key: number; value: PluginSort }> = [
+  {
+    label: "ダウンロード数降順",
+    key: 1,
+    value: PluginSort.DownloadsAsc,
+  },
+  {
+    label: "ダウンロード数昇順",
+    key: 2,
+    value: PluginSort.DownloadsDesc,
+  },
+  {
+    label: "名前降順",
+    key: 3,
+    value: PluginSort.NameAsc,
+  },
+  {
+    label: "名前昇順",
+    key: 4,
+    value: PluginSort.NameDesc,
+  },
+  {
+    label: "公開日降順",
+    key: 5,
+    value: PluginSort.PublishedatAsc,
+  },
+  {
+    label: "公開日昇順",
+    key: 6,
+    value: PluginSort.PublishedatDesc,
+  },
+];
 
 const SearchArea: React.FC<Props> = ({
   onSearch,
@@ -74,14 +73,12 @@ const SearchArea: React.FC<Props> = ({
   //   updateDisplayMenuState(Number(e.key));
   // };
 
-  const handleOrderMenuClick: MenuProps["onClick"] = (e) => {
+  const handleOrderMenuClick: MenuProps["onClick"] = e => {
     updateOrderMenuState(Number(e.key));
   };
 
   // const displayMenu = <Menu onClick={handleDisplayMenuClick} items={displayMenuItems} />;
-  const orderMenu = (
-    <Menu onClick={handleOrderMenuClick} items={orderMenuItems} />
-  );
+  const orderMenu = <Menu onClick={handleOrderMenuClick} items={orderMenuItems} />;
 
   return (
     <StyledSpace size={16}>
@@ -106,8 +103,7 @@ const SearchArea: React.FC<Props> = ({
       {isLoggedIn ? (
         <Button
           onClick={() => handleFavButtonClick(!isFavSelected)}
-          style={{ color: isFavSelected ? "#f57c4b" : "" }}
-        >
+          style={{ color: isFavSelected ? "#f57c4b" : "" }}>
           <Space size="small">
             お気に入り
             <Icon icon="heart" />
diff --git a/web/src/components/molecules/TopPage/TopPageContents.tsx b/web/src/components/molecules/TopPage/TopPageContents.tsx
index 75c8fd00..a6ca6dbc 100644
--- a/web/src/components/molecules/TopPage/TopPageContents.tsx
+++ b/web/src/components/molecules/TopPage/TopPageContents.tsx
@@ -1,6 +1,4 @@
-import PluginsList, {
-  Plugin,
-} from "@marketplace/components/molecules/PluginsList";
+import PluginsList, { Plugin } from "@marketplace/components/molecules/PluginsList";
 import SearchArea from "@marketplace/components/molecules/SearchArea";
 import { styled } from "@marketplace/theme";
 
diff --git a/web/src/components/molecules/UpdatePluginPage/UpdatePluginContent.tsx b/web/src/components/molecules/UpdatePluginPage/UpdatePluginContent.tsx
index 628fdc93..db8b7863 100644
--- a/web/src/components/molecules/UpdatePluginPage/UpdatePluginContent.tsx
+++ b/web/src/components/molecules/UpdatePluginPage/UpdatePluginContent.tsx
@@ -66,8 +66,7 @@ const UpdatePluginContent: React.FC<Props> = ({
         defaultActiveKey={currentTab}
         tabBarStyle={{ margin: 0 }}
         activeKey={currentTab}
-        onChange={handleClickDetailSetting}
-      >
+        onChange={handleClickDetailSetting}>
         <TabPane tab="Package" key="1">
           <PackageArea
             githubUrl={githubUrl}
diff --git a/web/src/components/organisms/AddNewPlugin/hooks.ts b/web/src/components/organisms/AddNewPlugin/hooks.ts
index 84b6fec4..156ce83a 100644
--- a/web/src/components/organisms/AddNewPlugin/hooks.ts
+++ b/web/src/components/organisms/AddNewPlugin/hooks.ts
@@ -1,3 +1,4 @@
+import Message from "@marketplace/components/atoms/Message";
 import type { FileUploadType } from "@marketplace/components/molecules/AddNewPluginPage/PackageArea";
 import {
   useCreatePluginMutation,
@@ -5,7 +6,6 @@ import {
   useUpdatePluginMutation,
 } from "@marketplace/gql";
 import { useCallback, useMemo } from "react";
-import Message from "@marketplace/components/atoms/Message";
 
 export default () => {
   const [parsePluginMutation, { data: parsedData }] = useParsePluginMutation();
@@ -22,7 +22,7 @@ export default () => {
         onError: () => Message.error(`Something went wrong on saving`),
       });
     },
-    [createPluginMutation]
+    [createPluginMutation],
   );
 
   const handleParsePluginMutation = useCallback(
@@ -33,13 +33,10 @@ export default () => {
           repo: data.repo && data.repo,
         },
         onCompleted: () => Message.success("Your file is successfully loaded"),
-        onError: () =>
-          Message.error(
-            `Something went wrong on your ${data.file ? "File" : "URL"}`
-          ),
+        onError: () => Message.error(`Something went wrong on your ${data.file ? "File" : "URL"}`),
       });
     },
-    [parsePluginMutation]
+    [parsePluginMutation],
   );
 
   const handleUpdatePluginMutation = useCallback(
@@ -54,7 +51,7 @@ export default () => {
         onError: () => Message.error(`Something went wrong on updating`),
       });
     },
-    [updatePluginMutation]
+    [updatePluginMutation],
   );
 
   const parsedPlugin = useMemo(
@@ -73,7 +70,7 @@ export default () => {
               : "",
           }
         : undefined,
-    [parsedData?.parsePlugin.plugin]
+    [parsedData?.parsePlugin.plugin],
   );
 
   return {
diff --git a/web/src/components/organisms/AddNewPlugin/index.tsx b/web/src/components/organisms/AddNewPlugin/index.tsx
index af1c7d95..a3a80488 100644
--- a/web/src/components/organisms/AddNewPlugin/index.tsx
+++ b/web/src/components/organisms/AddNewPlugin/index.tsx
@@ -1,9 +1,10 @@
+import Message from "@marketplace/components/atoms/Message";
 import AddNewPluginPage from "@marketplace/components/molecules/AddNewPluginPage";
 import type { FileUploadType } from "@marketplace/components/molecules/AddNewPluginPage/PackageArea";
 import { UploadRequestOption } from "rc-upload/lib/interface";
 import { useState } from "react";
+
 import useHooks from "./hooks";
-import Message from "@marketplace/components/atoms/Message";
 
 export type Props = {};
 const AddNewPlugin: React.FC<Props> = () => {
diff --git a/web/src/components/organisms/Top/hooks.ts b/web/src/components/organisms/Top/hooks.ts
index 892185f1..b0d9c1d2 100644
--- a/web/src/components/organisms/Top/hooks.ts
+++ b/web/src/components/organisms/Top/hooks.ts
@@ -34,7 +34,7 @@ export default (searchText?: string, sort?: PluginSort, liked?: boolean) => {
       });
       await refetch();
     },
-    [likePlugin, refetch]
+    [likePlugin, refetch],
   );
 
   const onUnlike = useCallback(
@@ -46,7 +46,7 @@ export default (searchText?: string, sort?: PluginSort, liked?: boolean) => {
       });
       await refetch();
     },
-    [unlikePlugin, refetch]
+    [unlikePlugin, refetch],
   );
 
   const plugins = useMemo(
@@ -62,10 +62,10 @@ export default (searchText?: string, sort?: PluginSort, liked?: boolean) => {
                 like: p.like,
                 downloads: p.downloads,
               }
-            : undefined
+            : undefined,
         )
         .filter((p): p is Plugin => !!p),
-    [data?.plugins]
+    [data?.plugins],
   );
 
   return {
diff --git a/web/src/components/organisms/User/hooks.ts b/web/src/components/organisms/User/hooks.ts
index ed7ebf0e..995f74d9 100644
--- a/web/src/components/organisms/User/hooks.ts
+++ b/web/src/components/organisms/User/hooks.ts
@@ -19,7 +19,7 @@ export default () => {
             description: data.me ? data.me.description : "",
           }
         : undefined,
-    [data?.me]
+    [data?.me],
   );
   const plugins = useMemo(
     () =>
@@ -35,10 +35,10 @@ export default () => {
                 downloads: p.downloads,
                 author: p.author ? p.author : "",
               }
-            : undefined
+            : undefined,
         )
         .filter((p): p is Plugin => !!p),
-    [data?.me.plugins.nodes]
+    [data?.me.plugins.nodes],
   );
 
   return {
diff --git a/web/src/config.ts b/web/src/config.ts
index ff83a1fe..a84b9c44 100644
--- a/web/src/config.ts
+++ b/web/src/config.ts
@@ -23,9 +23,7 @@ export async function loadConfig() {
   let config: any = {};
   try {
     const res = await fetch(
-      `${
-        window.REEARTH_CONFIG?.marketplaceUrl?.replace(/\/$/, "") ?? ""
-      }/reearth_config.json`
+      `${window.REEARTH_CONFIG?.marketplaceUrl?.replace(/\/$/, "") ?? ""}/reearth_config.json`,
     );
     if (res.status === 200) config = await res.json();
   } catch (err) {
diff --git a/web/src/test/mocks/handlers.ts b/web/src/test/mocks/handlers.ts
index 15c923c2..f4a41a98 100644
--- a/web/src/test/mocks/handlers.ts
+++ b/web/src/test/mocks/handlers.ts
@@ -49,7 +49,7 @@ export const handlers = [
           ],
           totalCount: 4,
         },
-      })
+      }),
     );
   }),
   graphql.query("Plugin", (_req, res, ctx) => {
@@ -72,7 +72,7 @@ export const handlers = [
           },
           images: [`${MockImage}`, `${MockImage}`],
         },
-      })
+      }),
     );
   }),
   graphql.query("GetMe", (_req, res, ctx) => {
@@ -153,7 +153,7 @@ export const handlers = [
             totalCount: 4,
           },
         },
-      })
+      }),
     );
   }),
   graphql.mutation("CreatePlugin", (_req, res, ctx) => {
@@ -164,7 +164,7 @@ export const handlers = [
         name: "Satellite Plugin",
         version: "v1.0.0",
         images: [],
-      })
+      }),
     );
   }),
   graphql.mutation("ParsePlugin", (_req, res, ctx) => {
@@ -186,7 +186,7 @@ export const handlers = [
             images: [],
           },
         },
-      })
+      }),
     );
   }),
   graphql.mutation("UpdatePlugin", (_req, res, ctx) => {
@@ -201,7 +201,7 @@ export const handlers = [
             images: [],
           },
         },
-      })
+      }),
     );
   }),
   graphql.mutation("LikePlugin", (_req, res, ctx) => {
@@ -215,7 +215,7 @@ export const handlers = [
             liked: false,
           },
         },
-      })
+      }),
     );
   }),
   graphql.mutation("UnlikePlugin", (_req, res, ctx) => {
@@ -230,7 +230,7 @@ export const handlers = [
             liked: false,
           },
         },
-      })
+      }),
     );
   }),
   graphql.mutation("UpdatePlugin", (_req, res, ctx) => {
@@ -245,7 +245,7 @@ export const handlers = [
             images: [],
           },
         },
-      })
+      }),
     );
   }),
   graphql.mutation("LikePlugin", (_req, res, ctx) => {
@@ -259,7 +259,7 @@ export const handlers = [
             liked: false,
           },
         },
-      })
+      }),
     );
   }),
   graphql.mutation("UnlikePlugin", (_req, res, ctx) => {
@@ -274,7 +274,7 @@ export const handlers = [
             liked: false,
           },
         },
-      })
+      }),
     );
   }),
 ];
diff --git a/web/src/test/mocks/index.ts b/web/src/test/mocks/index.ts
index 775e1b90..14d8bd46 100644
--- a/web/src/test/mocks/index.ts
+++ b/web/src/test/mocks/index.ts
@@ -14,8 +14,6 @@ export async function startMock() {
     });
   } else {
     // disable msw
-    (await navigator.serviceWorker.getRegistrations()).forEach((r) =>
-      r.unregister()
-    );
+    (await navigator.serviceWorker.getRegistrations()).forEach(r => r.unregister());
   }
 }