Probably a better type for ref

Author: johnrom

packages/formik/src/Formik.tsx

@@ -13,7 +13,6 @@ import {
   FieldHelperProps,
   FieldInputProps,
   FormikHelpers,
-  FormikContextType,
 } from './types';
 import {
   isFunction,
@@ -138,7 +137,7 @@ export function useFormik<Values extends FormikValues = FormikValues>({
   enableReinitialize = false,
   onSubmit,
   ...rest
-}: FormikConfig<Values>) {
+}: FormikConfig<Values>): FormikProps<Values> {
   const props = {
     validateOnChange,
     validateOnBlur,
@@ -998,7 +997,7 @@ export function useFormik<Values extends FormikValues = FormikValues>({
 export const Formik = React.forwardRef(<
   Values extends FormikValues = FormikValues,
   ExtraProps = {}
->(props: FormikConfig<Values> & ExtraProps, ref: React.Ref<FormikContextType<Values>>) => {
+>(props: FormikConfig<Values> & ExtraProps, ref: React.Ref<FormikProps<Values>>) => {
   const formikbag = useFormik<Values>(props);
   const { component, children, render, innerRef } = props;
 
@@ -1035,7 +1034,7 @@ export const Formik = React.forwardRef(<
 }) as <
   Values extends FormikValues = FormikValues,
   ExtraProps = {}
->(props: FormikConfig<Values> & ExtraProps & React.RefAttributes<FormikContextType<Values>>) => JSX.Element;
+>(props: FormikConfig<Values> & ExtraProps & React.RefAttributes<FormikProps<Values>>) => JSX.Element;
 
 function warnAboutMissingIdentifier({
   htmlContent,

packages/formik/test/Formik.test.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { render, fireEvent, wait } from 'react-testing-library';
-import { FormikContextType } from '../src/types';
 import * as Yup from 'yup';
 
 import {
@@ -51,7 +50,7 @@ function Form({
 
 const InitialValues = { name: 'jared' };
 
-function renderFormik<V = Values>(props?: Partial<FormikConfig<V>> & React.RefAttributes<FormikContextType<V>>) {
+function renderFormik<V = Values>(props?: Partial<FormikConfig<V>> & React.RefAttributes<FormikProps<V>>) {
   let injected: any;
   const { rerender, ...rest } = render(
     <Formik
@@ -1299,7 +1298,7 @@ describe('<Formik>', () => {
   });
 
   it('exposes formikbag with forwardRef', () => {
-    const ref = React.createRef<FormikContextType<Values>>();
+    const ref = React.createRef<FormikProps<Values>>();
 
     const { getProps } = renderFormik({ ref });