branch-context-stream-context-blog

gistfile1.txt

import React, { createContext, useState } from "react";

// create a React context for managing global state
const BranchContext = createContext();

// access context value through a consumer component
export const BranchConsumer = BranchContext.Consumer;

// save data and share with children through provider component
const BranchProvider = ({ children }) => {
  const [contextData, setContextData] = useState({});
  const contextValue = { contextData, setContextData };

  return (
    <BranchContext.Provider value={contextValue}>
      {children}
    </BranchContext.Provider>
  );
};

export default BranchProvider;