mrasadatik

//!!!!! JavaScript Solution - For TypeScript visit my profile

/* Implement React ContextAPI using the complex way
and use it to the calmy way.
Optional COOKIE feature added (npm i universal-cookie)*/

//** First thing first create a provider component
//** 📄 StateProvider.js (.jsx)
import * as React from "react";
/*import Cookies from "universal-cookie";

mrasadatik

//!!!!! TypeScript Solution - For JavaScript visit my profile

/* Implement React ContextAPI in TypeScript using the complex way
and use it to the calmy way.
Optional COOKIE feature added (npm i universal-cookie)*/

//** First thing first create a provider component
//** 📄 StateProvider.ts (.tsx)
import * as React from "react";
/*import Cookies from "universal-cookie";

mrasadatik

import { setIn } from "final-form";
import { useMemo } from "react";
import { ObjectSchema, ValidationError, InferType } from "yup";

/**
 * Sets the `innerError.message` in an `errors` object at the key
 * defined by `innerError.path`.
 * @param {Record<string, string>} errors The object to set the error in.
 * @param {ValidationError} innerError A `yup` field error.
 * @returns {Record<string, string>} The result of setting the new error message onto `errors`.