Add type arguments

Author: dc7290

src/components/DefaultComponents.tsx

@@ -30,7 +30,9 @@ const Overlay: React.FC = () => {
   return <div style={overlayStyle} />;
 };
 
-const Modal: React.FC<ModalProps<{}>> = ({ children }) => {
+const Modal = <T extends Record<string, unknown>>({
+  children,
+}: ModalProps<T>): React.ReactElement | null => {
   return <Fragment>{children}</Fragment>;
 };
 

src/components/ModalProvider.tsx

@@ -2,15 +2,14 @@ import React from 'react';
 import { UseModalOptions } from '..';
 import { ModalConfigContext } from '../hooks/useModalConfig';
 
-interface ModalProviderProps<T extends Record<string, unknown>>
-  extends UseModalOptions<T> {
+interface ModalProviderProps extends UseModalOptions<{}> {
   children?: React.ReactNode;
 }
 
-export const ModalProvider = <T extends Record<string, unknown>>({
+export const ModalProvider: React.FC<ModalProviderProps> = ({
   children,
   ...props
-}: ModalProviderProps<T>): React.ReactElement | null => {
+}) => {
   return (
     <ModalConfigContext.Provider value={props}>
       {children}

src/hooks/useModalConfig.ts

@@ -1,8 +1,8 @@
-import { createContext, useContext } from 'react';
+import React, { createContext, useContext } from 'react';
 import { UseModalOptions } from '..';
 
-export const ModalConfigContext = createContext<UseModalOptions>({});
+export const ModalConfigContext = createContext<UseModalOptions<{}>>({});
 
-export const useModalConfig = () => {
-  return useContext(ModalConfigContext);
+export const useModalConfig = <T extends Record<string, unknown>>() => {
+  return useContext(ModalConfigContext) as React.Context<UseModalOptions<T>>;
 };

src/index.tsx

@@ -64,7 +64,7 @@ export const useModal = <T extends Record<string, unknown>>(
   elementId = 'root',
   options?: UseModalOptions<T>
 ): UseModalResult<T> => {
-  const modalConfig = useModalConfig();
+  const modalConfig = useModalConfig<T>();
   const { initialValue, preventScroll, focusTrapOptions, components } = useMemo(
     () => Object.assign({}, defaultOptions, modalConfig, options),
     [modalConfig, options]