Asaduzzaman Atik 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";

//!!!!! 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";

	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`.