How to use the createContext function from react

constants.js

GitHub: esxjs/esx

-2

14

647

10

index.cjs.js

GitHub: ryjin111/ScratchFinance

1788
1789
1790
1791
1792
1793
1794
1795
1796
1797
1798


var ModalWrapper = styled__default['default'].div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ", ";\n"])), function (_a) {
    var theme = _a.theme;
    return theme.zIndices.modal - 1;
});
var Context = React.createContext({
    onPresent: function () { return null; },
    onDismiss: function () { return null; },
    setCloseOnOverlayClick: function () { return true; },
});

1

1

0

MyContext.js

GitHub: tahl04/bonescatch

1
2
3
4
5
6
7
8
9
10
11
12
import { useSession } from "next-auth/react";
import Header from "./Header";
import Lantern from "./Lantern";


const { createContext, useState, useEffect } = require("react");
export const DataContext = createContext(null);


const MyContext = ({ children }) => {
  const [pageChange, setClose] = useState(false);
  const [data, setData] = useState();

0

1

1

+ 2 other calls in file

ssr-entry.js

GitHub: Flandre3569/vigor.js

1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
];
const Content = () => {
  const rootElement = useRoutes(routes);
  return rootElement;
};
const contextData = React.createContext({});
const useContextData = () => {
  return React.useContext(contextData);
};
const base = "";

0

1

1

auth-context_20230306221744.js

GitHub: vophuocthanh/monkey-blogging

0
1
2
3
4
5
6
7
8
9
10
import { onAuthStateChanged } from "firebase/auth";
import { collection, query, where } from "firebase/firestore";
import { auth, db } from "../firebase-app/firebase-config";
const { createContext, useContext, useState, useEffect } = require("react");


const AuthContext = createContext();
function AuthProvider(props) {
  const [userInfo, setUserInfo] = useState({});
  const value = { userInfo, setUserInfo };
  useEffect(() => {

0

0

1

react-dom-server-legacy.browser.development.js

GitHub: Zheng20010712/source-code-study-zxr

4197
4198
4199
4200
4201
4202
4203
4204
4205
        addendum = ' Did you accidentally pass the Context.Consumer instead?';
      } else {
        addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
      }

      error('%s defines an invalid contextType. ' + 'contextType should point to the Context object returned by React.createContext().%s', getComponentNameFromType(ctor) || 'Component', addendum);
    }
  }
}

0

0

1

react-cache.development.js

GitHub: Zheng20010712/source-code-study-zxr

259
260
261
262
263
264
265
266
267
268
269
270
271
var CACHE_LIMIT = 500;
var lru = createLRU(CACHE_LIMIT);


var entries = new Map();


var CacheContext = React.createContext(null);


function accessResult(resource, fetch, input, key) {
  var entriesForResource = entries.get(resource);
  if (entriesForResource === undefined) {

0

0

1

ReactNewContext-test.internal.js

GitHub: hankzhuo/learn-react-source-code

123
124
125
126
127
128
129
130
131
);

function sharedContextTests(label, getConsumer) {
  describe(`reading context with ${label}`, () => {
    it('simple mount and update', () => {
      const Context = React.createContext(1);
      const Consumer = getConsumer(Context);

      const Indirection = React.Fragment;

0

0

0

+ 37 other calls in file

UserContext.js

GitHub: rohit968/conversify

-1

0

0

0

chatLayoutContext.jsx

GitHub: rentrocks/rentrocks-dev

-3

0

0

0

index.js

GitHub: Hrobitaillie/Kayt0-MyPopup

83
84
85
86
87
88
89
90
91
92
93
    transformPagePoint: (p) => p,
    isStatic: false,
    reducedMotion: "never",
});


const MotionContext = React.createContext({});
function useVisualElementContext() {
    return React.useContext(MotionContext).visualElement;
}

0

0

1

+ 5 other calls in file

CartContext.js

GitHub: julyyv/vbook-frontend

0
1
2
3
4
5
6
7
8
9
10
11
12
import AuthContext from './AuthContext'
import axiosClient from './axiosClient'


const { createContext, useState, useEffect, useLayoutEffect, useContext } = require('react')


const CartContext = createContext({})


export function CartContextProvider({ children }) {
  const [cart, setCart] = useState([])
  // console.log('cart', cart)

0

0

0