fix: useContextSelector context TS type.

examples/basic/src/App.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createNextContext, useContextSelector } from 'use-context-next';
+import { createNextContext, useContextSelector } from '../../../src';
 import './App.css';
 
 interface Value {

src/ContextNextProvider.ts

@@ -1,27 +1,16 @@
-import React, {
+import {
   createContext,
   createElement,
   useEffect,
   useRef,
   Provider,
   ReactNode,
-  Context,
 } from 'react';
-import { ContextNextValue, Listener } from './types';
+import { ContextNextValue, Listener, NextContext } from './types';
 
 const PROVIDER_NAME = '@use-context-next';
 const ORIGINAL_PROVIDER = Symbol();
 
-type NextContextProvider<T> = (props: {
-  children: ReactNode;
-  value: T;
-}) => React.FunctionComponentElement<React.ProviderProps<ContextNextValue<T>>>;
-
-interface NextContext<T> extends Omit<Context<T>, 'Provider'> {
-  Provider: NextContextProvider<T>;
-  ORIGINAL_PROVIDER: NextContextProvider<T>;
-}
-
 export const createNextContext = <Value>(defaultValue: Value) => {
   const Context = createContext<ContextNextValue<Value>>({
     value: defaultValue,

src/types.ts

@@ -1,6 +1,18 @@
+import React, { ReactNode, Context } from 'react';
+
 export type Listener = ({ value }: any) => void;
 export type Listeners = Set<Listener>;
 export type ContextNextValue<T> = {
   value: T;
   listeners: Listeners;
 };
+
+export type NextContextProvider<T> = (props: {
+  children: ReactNode;
+  value: T;
+}) => React.FunctionComponentElement<React.ProviderProps<ContextNextValue<T>>>;
+
+export interface NextContext<T> extends Omit<Context<T>, 'Provider'> {
+  Provider: NextContextProvider<T>;
+  ORIGINAL_PROVIDER: NextContextProvider<T>;
+}

src/useContextSelector.ts

@@ -1,14 +1,15 @@
 import React, { useContext, useState } from 'react';
-import { ContextNextValue } from './types';
+import { ContextNextValue, NextContext } from './types';
 import { useIsomorphicLayoutEffect } from './utils';
 
 export const useContextSelector = <Value, Output>(
-  context: React.Context<ContextNextValue<Value>>,
+  context: NextContext<Value>,
   selector: (value: Value) => Output,
   comparator: (value1: any, value2: any) => boolean = Object.is
 ): Output => {
-  const contextValue = useContext<ContextNextValue<Value>>(context);
-
+  const contextValue = useContext<ContextNextValue<Value>>(
+    context as unknown as React.Context<ContextNextValue<Value>>
+  );
   const initialValue = selector(contextValue.value);
   const [state, setState] = useState<Output>(initialValue);