fix: fix portal component ts issue

swiiny · Jan 1, 2024 · aae5c5d · aae5c5d
1 parent 3c2dfe5
commit aae5c5d
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 15 deletions.
diff --git a/packages/base/components/common/Portal/Portal.tsx b/packages/base/components/common/Portal/Portal.tsx
@@ -1,9 +1,9 @@
-import { FC, useEffect, useRef, useState } from 'react';
+import { FC, PropsWithChildren, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { IPortal } from './Portal.type';
 
 // client only portal
-const Portal: FC<IPortal> = ({ children, selector }) => {
+const Portal: FC<PropsWithChildren<IPortal>> = ({ children, selector }) => {
 	const ref = useRef<any | undefined>();
 	const [mounted, setMounted] = useState<boolean>(false);
 

diff --git a/packages/base/components/common/Portal/Portal.type.ts b/packages/base/components/common/Portal/Portal.type.ts
@@ -1,7 +1,4 @@
-import { ReactNode } from 'react';
-
 interface IPortal {
-	children: ReactNode;
 	selector: string;
 }
 

diff --git a/packages/mui/components/common/Portal/Portal.tsx b/packages/mui/components/common/Portal/Portal.tsx
@@ -1,9 +1,9 @@
-import { FC, useEffect, useRef, useState } from 'react';
+import { FC, PropsWithChildren, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { IPortal } from './Portal.type';
 
 // client only portal
-const Portal: FC<IPortal> = ({ children, selector }) => {
+const Portal: FC<PropsWithChildren<IPortal>> = ({ children, selector }) => {
 	const ref = useRef<any | undefined>();
 	const [mounted, setMounted] = useState<boolean>(false);
 

diff --git a/packages/mui/components/common/Portal/Portal.type.ts b/packages/mui/components/common/Portal/Portal.type.ts
@@ -1,7 +1,4 @@
-import { ReactNode } from 'react';
-
 interface IPortal {
-	children: ReactNode;
 	selector: string;
 }
 

diff --git a/packages/tailwind/components/common/Portal/Portal.tsx b/packages/tailwind/components/common/Portal/Portal.tsx
@@ -1,9 +1,9 @@
-import { FC, useEffect, useRef, useState } from 'react';
+import { FC, PropsWithChildren, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { IPortal } from './Portal.type';
 
 // client only portal
-const Portal: FC<IPortal> = ({ children, selector }) => {
+const Portal: FC<PropsWithChildren<IPortal>> = ({ children, selector }) => {
 	const ref = useRef<any | undefined>();
 	const [mounted, setMounted] = useState<boolean>(false);
 

diff --git a/packages/tailwind/components/common/Portal/Portal.type.ts b/packages/tailwind/components/common/Portal/Portal.type.ts
@@ -1,7 +1,4 @@
-import { ReactNode } from 'react';
-
 interface IPortal {
-	children: ReactNode;
 	selector: string;
 }