@yamada-ui/react/dist/esm/hooks/use-breakpoint/use-breakpoint-effect.js

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

"use client";


import { useBreakpoint } from "./use-breakpoint.js";
import { useEffect } from "react";

//#region src/hooks/use-breakpoint/use-breakpoint-effect.ts
/**
* `useBreakpointEffect` is a custom hook that executes a specific callback function when the breakpoint changes.
*
* @see https://yamada-ui.com/docs/hooks/use-breakpoint-effect
*/
const useBreakpointEffect = (callback, deps) => {
	const breakpoint = useBreakpoint();
	useEffect(() => {
		callback(breakpoint);
	}, [breakpoint, ...deps]);
};

//#endregion
export { useBreakpointEffect };
//# sourceMappingURL=use-breakpoint-effect.js.map