Merge pull request #120 from chromaui/tom/ap-3683-possible-to-filter-…

…out-all-stories-with-no-way-to-disable

Clear the filter when removing the sidebar toggle button

src/components/SidebarToggleButton.tsx

@@ -1,7 +1,7 @@
 import { Badge as BaseBadge } from "@storybook/components";
 import { css, styled } from "@storybook/theming";
 import pluralize from "pluralize";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 
 import { IconButton } from "./IconButton";
 
@@ -46,6 +46,9 @@ export const SidebarToggleButton = React.memo(function SidebarToggleButton({
     else onEnable();
   };
 
+  // Ensure the filter is disabled if the button is not visible
+  useEffect(() => () => onDisable(), [onDisable]);
+
   return (
     <Button active={filter} onClick={toggleFilter}>
       <Badge status="warning" data-badge={filter}>