Improve types 📈

lib/ModalState.ts

@@ -110,7 +110,6 @@ const createModalState = (): ModalStateType<any> => {
 
     setState<P>({
       currentModal: modalName,
-      // @ts-ignore
       stack: {
         ...state.stack,
         openedItems: state.stack.openedItems.add(
@@ -119,7 +118,7 @@ const createModalState = (): ModalStateType<any> => {
             ...(params && { params }),
           }),
         ),
-      },
+      } as ModalContextProvider<P>['stack'],
     })
   }
 

lib/createModalStack.ts

@@ -35,18 +35,16 @@ export default function <P>(
     openedItemsSize: 0,
   }
 
-  // @ts-ignore
   return Object.entries(config).reduce<ModalStack<P>>(
-    // @ts-ignore
-    (output, entry, index) => {
+    (output, entry, index): ModalStack<P> => {
       const { name, component, options } = getStackItemData(entry[0], entry[1])
       return {
         ...output,
-        names: [...output.names, name],
+        names: [...output.names, name] as ModalStack<P>['names'],
         content: [
           ...output.content,
           { index, name, component, hash: '', ...(options && { options }) },
-        ],
+        ] as ModalStack<P>['content'],
       }
     },
     initialStack,

lib/useModal.ts

@@ -11,8 +11,7 @@ import ModalContext from './ModalContext'
  * @see https://colorfy-software.gitbook.io/react-native-modalfy/api/usemodal
  */
 export default function <P extends ModalfyParams>(): UsableModalProp<P> {
-  // @ts-ignore
-  const context: UsableModalProp<P> = useContext(ModalContext)
+  const context = useContext(ModalContext) as UsableModalProp<P>
   return {
     /**
      * This function closes every open modal.

package.json

@@ -45,6 +45,7 @@
   "peerDependencies": {
     "react": ">=16.8.3",
     "react-native": ">=0.59.0",
+    "use-memo-one": "*",
     "react-native-gesture-handler": "*"
   },
   "keywords": [

types.ts

@@ -83,7 +83,7 @@ export interface ModalContextProvider<
     paramName: N,
     defaultValue?: D,
   ) => D extends P[M][N] ? P[M][N] : undefined
-  openModal: (modalName: M, params?: P[M]) => void
+  openModal: <N extends M>(modalName: N, params?: P[N]) => void
   stack: ModalStack<P>
 }
 
@@ -125,9 +125,9 @@ export type ModalState<P> = Omit<
   ModalContextProvider<P>,
   'currentModal' | 'stack' | 'openModal'
 > & {
-  openModal: <M extends Exclude<keyof P, symbol | number>>(
-    modalName: M,
-    params?: P[M],
+  openModal: <M extends Exclude<keyof P, symbol | number>, N extends M>(
+    modalName: N,
+    params?: P[N],
     isCalledOutsideOfContext?: boolean,
   ) => void
   handleBackPress(): boolean
@@ -394,7 +394,7 @@ export type ModalProp<P extends ModalfyParams, Props = unknown> = Props & {
 export type ModalComponentProp<
   P extends ModalfyParams,
   Props = unknown,
-  M = keyof P
+  M extends keyof P = keyof P
 > = Props & {
   /**
    * Interface of the `modal` prop exposed by the library specifically to modal components.
@@ -403,7 +403,6 @@ export type ModalComponentProp<
    *
    * @see https://colorfy-software.gitbook.io/react-native-modalfy/guides/typing#modalcomponentprop
    */
-  // @ts-ignore
   modal: UsableModalComponentProp<P, M>
 }