diff --git a/packages/components/src/HierarchicalCheckboxMenu.tsx b/packages/components/src/HierarchicalCheckboxMenu.tsx
index 28a4f399d1..fda124f551 100644
--- a/packages/components/src/HierarchicalCheckboxMenu.tsx
+++ b/packages/components/src/HierarchicalCheckboxMenu.tsx
@@ -9,7 +9,7 @@ import Button from './Button';
 
 export type HierarchicalCheckboxValueMap = Map<
   string,
-  boolean | Map<string, boolean>
+  boolean | HierarchicalCheckboxValueMap
 >;
 
 type HierarchicalCheckboxMenuProps = {
@@ -199,7 +199,7 @@ class HierarchicalCheckboxMenu extends Component<
                 <Checkbox
                   className="hcm-child"
                   key={child}
-                  checked={value}
+                  checked={typeof value === 'boolean' ? value : null}
                   onChange={() => this.toggleValueFor(parent, child)}
                 >
                   {child}