diff --git a/src/createReducerContext.ts b/src/createReducerContext.ts
index fab55fe7..35862e18 100644
--- a/src/createReducerContext.ts
+++ b/src/createReducerContext.ts
@@ -1,11 +1,11 @@
-import { createFactory, createContext, useContext, useReducer } from 'react';
+import { createElement, createContext, useContext, useReducer } from 'react';
 
 const createReducerContext = <R extends React.Reducer<any, any>>(
   reducer: R,
   defaultInitialState: React.ReducerState<R>
 ) => {
   const context = createContext<[React.ReducerState<R>, React.Dispatch<React.ReducerAction<R>>] | undefined>(undefined);
-  const providerFactory = createFactory(context.Provider);
+  const providerFactory = (props, children) => createElement(context.Provider, props, children);
 
   const ReducerProvider: React.FC<{ initialState?: React.ReducerState<R> }> = ({ children, initialState }) => {
     const state = useReducer<R>(reducer, initialState !== undefined ? initialState : defaultInitialState);
diff --git a/src/createStateContext.ts b/src/createStateContext.ts
index 57333b1a..149d6f9d 100644
--- a/src/createStateContext.ts
+++ b/src/createStateContext.ts
@@ -1,8 +1,8 @@
-import { createFactory, createContext, useContext, useState } from 'react';
+import { createElement, createContext, useContext, useState } from 'react';
 
 const createStateContext = <T>(defaultInitialValue: T) => {
   const context = createContext<[T, React.Dispatch<React.SetStateAction<T>>] | undefined>(undefined);
-  const providerFactory = createFactory(context.Provider);
+  const providerFactory = (props, children) => createElement(context.Provider, props, children);
 
   const StateProvider: React.FC<{ initialValue?: T }> = ({ children, initialValue }) => {
     const state = useState<T>(initialValue !== undefined ? initialValue : defaultInitialValue);