How to store state of context in localStorage in reactJs?

Question

My code looks like this:

StateProvider.js

import React, {createContext, useContext, useReducer} from "react";
import {loadState} from ".