Improve/add deprecation warning

everweij · Mar 1, 2021 · 71de8f3 · 71de8f3
1 parent f7d99db
commit 71de8f3
Showing 1 changed file with 8 additions and 0 deletions.
diff --git 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 and a possible future release`
+    );
+  }, [children]);
+
   useEffect(() => {
     didMount.current = true;
   }, []);