diff --git a/src/components/LoaderPortal.jsx b/src/components/LoaderPortal.jsx
deleted file mode 100644
index c84fc6c..0000000
--- a/src/components/LoaderPortal.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import Loader from './Loader'
-
-export default function LoaderPortal({show, fade=true, children}){
-  return(
-    <div className='loader-container'>
-      <div className='loader-content'>
-        {children}
-      </div>
-      {show && fade && <div className='loader-fade'/>}      
-      {show && <div className='loader-overlay'><Loader/></div>}
-    </div>)
-}
\ No newline at end of file
diff --git a/src/components/LoaderPortal.tsx b/src/components/LoaderPortal.tsx
new file mode 100644
index 0000000..6fff91d
--- /dev/null
+++ b/src/components/LoaderPortal.tsx
@@ -0,0 +1,18 @@
+import Loader from './Loader'
+
+type LoaderPortalProps = {
+  show?: boolean,
+  fade?: boolean,
+  children: any,
+  [other: string]: any
+}
+
+export const LoaderPortal: React.FC<LoaderPortalProps> = ({show, fade=true, children, ...other}) => (
+  <div className={'loader-container'} {...other}>
+    <div className={'loader-content'}>{children}</div>
+    {show && fade && <div className={'loader-fade'}/>}
+    {show && <div className={'loader-overlay'}><Loader/></div>}
+  </div>
+)
+
+export default LoaderPortal