code-share/pages/project/@slug/context/project.tsx

import { createContext, useContext } from "react";

type TProjectContext = {
  slug: string;
  isCompact?: boolean;
};

const ProjectContext = createContext<TProjectContext | null>(null);

export const useProjectContext = () => {
  const ctx = useContext(ProjectContext);
  if (!ctx) {
    throw new Error("Component not in ProjectContext!");
  }

  return ctx;
};

export default ProjectContext;