From 1fe294d5f70bd8963bf7a9e9d8ab04fe79c92797 Mon Sep 17 00:00:00 2001
From: jashan <20891087+jashanbhullar@users.noreply.github.com>
Date: Thu, 31 Aug 2023 08:46:20 +0530
Subject: [PATCH] - Removed React import - Exported prop from the component

---
 web/src/beta/components/Toggle/index.stories.tsx          | 6 ++----
 web/src/beta/components/Toggle/index.tsx                  | 2 +-
 .../beta/components/fields/ToggleField/index.stories.tsx  | 6 ++----
 web/src/beta/components/fields/ToggleField/index.tsx      | 8 ++------
 4 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/web/src/beta/components/Toggle/index.stories.tsx b/web/src/beta/components/Toggle/index.stories.tsx
index 2d96251c0d..6215c19e52 100644
--- a/web/src/beta/components/Toggle/index.stories.tsx
+++ b/web/src/beta/components/Toggle/index.stories.tsx
@@ -1,12 +1,10 @@
 import { useArgs } from "@storybook/preview-api";
 import { Meta, StoryObj } from "@storybook/react";
-import React, { useCallback } from "react";
+import { useCallback } from "react";
 
 import { styled } from "@reearth/services/theme";
 
-import Toggle from ".";
-
-type Props = React.ComponentProps<typeof Toggle>;
+import Toggle, { Props } from ".";
 
 const meta: Meta<typeof Toggle> = {
   component: Toggle,
diff --git a/web/src/beta/components/Toggle/index.tsx b/web/src/beta/components/Toggle/index.tsx
index 43c33f27fe..c3997c63c9 100644
--- a/web/src/beta/components/Toggle/index.tsx
+++ b/web/src/beta/components/Toggle/index.tsx
@@ -2,7 +2,7 @@ import { useCallback } from "react";
 
 import { styled } from "@reearth/services/theme";
 
-type Props = {
+export type Props = {
   checked: boolean;
   onChange: (checked: boolean) => void;
   disabled?: boolean;
diff --git a/web/src/beta/components/fields/ToggleField/index.stories.tsx b/web/src/beta/components/fields/ToggleField/index.stories.tsx
index 6286eb98c8..9e704f49aa 100644
--- a/web/src/beta/components/fields/ToggleField/index.stories.tsx
+++ b/web/src/beta/components/fields/ToggleField/index.stories.tsx
@@ -1,12 +1,10 @@
 import { useArgs } from "@storybook/preview-api";
 import { Meta, StoryObj } from "@storybook/react";
-import React, { useCallback } from "react";
+import { useCallback } from "react";
 
 import { styled } from "@reearth/services/theme";
 
-import ToggleField from ".";
-
-type Props = React.ComponentProps<typeof ToggleField>;
+import ToggleField, { Props } from ".";
 
 const meta: Meta<typeof ToggleField> = {
   component: ToggleField,
diff --git a/web/src/beta/components/fields/ToggleField/index.tsx b/web/src/beta/components/fields/ToggleField/index.tsx
index f739b44796..863bfbf9e8 100644
--- a/web/src/beta/components/fields/ToggleField/index.tsx
+++ b/web/src/beta/components/fields/ToggleField/index.tsx
@@ -1,11 +1,7 @@
-import React from "react";
-
 import Property from "@reearth/beta/components/fields";
-import Toggle from "@reearth/beta/components/Toggle";
-
-type ToggleProps = React.ComponentProps<typeof Toggle>;
+import Toggle, { Props as ToggleProps } from "@reearth/beta/components/Toggle";
 
-type Props = {
+export type Props = {
   name?: string;
   description?: string;
 } & ToggleProps;