fix: dimmer can dismiss from parent

megumiteam · Jun 9, 2020 · 9e0c2f8 · 9e0c2f8
1 parent 5998645
commit 9e0c2f8
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/DashboardDimmer.tsx b/src/DashboardDimmer.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from 'react';
+import React, { useState, useCallback, useEffect } from 'react';
 import { Modal } from 'reactstrap';
 import Logo from './Logos';
 
@@ -8,6 +8,9 @@ type Props = {
 
 export default (props: Props) => {
   const [isOpen, updateModalState] = useState(props.isOpen);
+  useEffect(() => {
+    updateModalState(props.isOpen);
+  }, [props.isOpen, updateModalState]);
   const toggle = useCallback(() => {
     updateModalState(!isOpen);
   }, [isOpen, updateModalState]);