global state - webex clone

app.js

...
const [isLoading, setIsLoading] = useState(false);
const [user, setUser] = useState(null);
const [cometChat, setCometChat] = useState(null);
// menu id.
const [id, setId] = useState(null);
// chose meeting.
const [meeting, setMeeting] = useState(null);
// detect whether a new meeting was created so the list of meetings will be refreshed. 
const [hasNewMeeting, setHasNewMeeting] = useState(false);
...
<Context.Provider value={{ isLoading, setIsLoading, user, setUser, cometChat, id, setId, items, meeting, setMeeting, hasNewMeeting, setHasNewMeeting }}>
  ...
</Context.Provider>
...