diff --git a/packages/react-laag/src/Transition.ts b/packages/react-laag/src/Transition.ts index a94b82f..e02e0c1 100644 --- a/packages/react-laag/src/Transition.ts +++ b/packages/react-laag/src/Transition.ts @@ -1,4 +1,5 @@ import { useState, useRef, useEffect } from "react"; +import warning from "tiny-warning"; export type TransitionProps = { isOpen: boolean; @@ -39,6 +40,13 @@ export function Transition({ } }, [isOpenExternal, setState]); + useEffect(() => { + warning( + children, + `react-laag: You are using 'Transition'. Note that this component is marked as deprecated and will be removed at future releases` + ); + }, [children]); + useEffect(() => { didMount.current = true; }, []);