index.tsx - typing-react-context-v1

index.tsx

import * as React from "react";
import { render } from "react-dom";
import { SidebarProvider, useSidebarContext } from "./useSidebarContext";
import { ChildComponent } from "./childComponent";

export const App = () => {
  const [isOpen] = useSidebarContext();

  return (
    <div>
      <p>Main component context: {isOpen ? "Open" : "Closed"}</p>
      <ChildComponent />
    </div>
  );
};

const rootElement = document.getElementById("root");
render(
  <SidebarProvider>
    <App />
  </SidebarProvider>,
  rootElement
);