thevolcanomanishere

const ExampleComponent = () => {
  return <h1 className="bg-white dark:bg-black">Hello</h1>;
};

export default ExampleComponent;

thevolcanomanishere

const DetectBreakpoint = () => {
  const getCurrentBreakpoint = (): string => {
    const breakpointUnknown: string = "unknown";
    const breakpointSM: string | null =
      document.getElementById("breakpoint-sm")?.offsetParent === null
        ? null
        : "sm";
    const breakpointMD: string | null =
      document.getElementById("breakpoint-md")?.offsetParent === null
        ? null