zitadel

1
import React, { useState, useEffect } from "react";
2

3
export const EnvironmentContext = React.createContext(null);
4

5
export default ({ children }) => {
6
  const [instance, setInstance] = useState("your-instance");
7
  const [clientId, setClientId] = useState("your-client-id");
8

9
  useEffect(() => {
10
    const params = new URLSearchParams(window.location.search); // id=123
11
    const clientId = params.get("clientId");
12
    const instance = params.get("instance");
13

14
    const localClientId = localStorage.getItem("clientId");
15
    const localInstance = localStorage.getItem("instance");
16

17
    setClientId(clientId ?? localClientId ?? "");
18
    setInstance(instance ?? localInstance ?? "");
19
  }, []);
20

21
  const environment = {
22
    instance: [instance, setInstance],
23
    clientId: [clientId, setClientId],
24
  };
25

26
  return (
27
    <EnvironmentContext.Provider value={environment}>
28
      {children}
29
    </EnvironmentContext.Provider>
30
  );
31
};
32