big work

src/ui/Context.ts

@@ -0,0 +1,19 @@
+import React, { useContext } from "react";
+import { IPlayer } from "../PersonObjects/IPlayer";
+import { IRouter } from "./Router";
+
+export const Context: {
+  Player: React.Context<IPlayer>;
+  Router: React.Context<IRouter>;
+} = {
+  Player: React.createContext<IPlayer>({} as IPlayer),
+  Router: React.createContext<IRouter>({} as IRouter),
+};
+
+export const use: {
+  Player: () => IPlayer;
+  Router: () => IRouter;
+} = {
+  Player: () => useContext(Context.Player),
+  Router: () => useContext(Context.Router),
+};