useSidebarContext.tsx - typing-react-context-v2

useSidebarContext.tsx

import * as React from "react";
import { useSidebar, UseSidebar } from "./useSidebar";
import { createGenericContext } from "./createGenericContext";
interface Props {
  children: React.ReactNode;
}

// Generate context
const [useSidebarContext, SidebarContextProvider] = createGenericContext<
  UseSidebar
>();

// Generate provider
const SidebarProvider = ({ children }: Props) => {
  const [isOpen, setIsOpen] = useSidebar(true);

  return (
    <SidebarContextProvider value={[isOpen, setIsOpen]}>
      {children}
    </SidebarContextProvider>
  );
};

export { useSidebarContext, SidebarProvider };