From 3af8c9ac5833f3601292b671761ba8d1c0993369 Mon Sep 17 00:00:00 2001
From: righ <django.hamster@gmail.com>
Date: Sun, 12 May 2024 21:51:58 +0900
Subject: [PATCH] use JSX.Element

---
 src/components/GridSheet.tsx     | 4 ++--
 src/components/SheetProvider.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/GridSheet.tsx b/src/components/GridSheet.tsx
index 0b7b27ea..a4aa2a9d 100644
--- a/src/components/GridSheet.tsx
+++ b/src/components/GridSheet.tsx
@@ -27,7 +27,7 @@ import { embedStyle } from '../styles/embedder';
 import { useSheetContext } from './SheetProvider';
 import { FormulaBar } from './FormulaBar';
 
-export const GridSheet: React.FC<Props> = ({
+export function GridSheet({
   initialCells: initialData,
   sheetName = '',
   tableRef,
@@ -35,7 +35,7 @@ export const GridSheet: React.FC<Props> = ({
   className,
   style,
   additionalFunctions = {},
-}) => {
+}: Props) {
   const { sheetResize, showFormulaBar = true } = options;
   const [prevSheetName, setPrevSheetName] = React.useState(sheetName);
   const sheetRef = React.useRef<HTMLDivElement | null>(null);
diff --git a/src/components/SheetProvider.tsx b/src/components/SheetProvider.tsx
index 4f91f711..eafaa058 100644
--- a/src/components/SheetProvider.tsx
+++ b/src/components/SheetProvider.tsx
@@ -28,7 +28,7 @@ export function useSheetDispatch() {
   return dispatch;
 }
 
-export function SheetProvider({ children }: { children: React.ReactNode }) {
+export function SheetProvider({ children }: { children: JSX.Element }) {
   const [mounted, setMounted] = React.useState(false);
   const [version, setVersion] = React.useState(0);
   const head = React.useRef(1);