fix: install react-tabs as devDependency and fix TypeScript errors

- Added react-tabs and @types/react-tabs as devDependencies
- Re-enabled AdvancedPresetExample and RealWorldExamples
- Removed unnecessary @ts-expect-error directive

Author: ryanrozich

package-lock.json

@@ -138,6 +138,7 @@
     "@types/react-dom": "^19.1.5",
     "@types/react-router-dom": "^5.3.3",
     "@types/react-syntax-highlighter": "^15.5.13",
+    "@types/react-tabs": "^5.0.4",
     "@typescript-eslint/eslint-plugin": "^8.33.0",
     "@typescript-eslint/parser": "^8.33.0",
     "@vitejs/plugin-react": "^4.4.1",
@@ -162,6 +163,7 @@
     "react-dom": "^19.1.0",
     "react-router-dom": "^7.6.2",
     "react-syntax-highlighter": "^15.6.1",
+    "react-tabs": "^6.1.0",
     "standard-version": "^9.5.0",
     "stylelint": "^16.19.1",
     "stylelint-config-standard": "^38.0.0",

package.json

@@ -5,7 +5,7 @@ import "./styles/showcase.css";
 import styles from "./FilterPresetsShowcase.module.css";
 
 import BasicPresetExample from "./examples/BasicPresetExample";
-// import AdvancedPresetExample from "./examples/AdvancedPresetExample";
+import AdvancedPresetExample from "./examples/AdvancedPresetExample";
 import CustomUIExample from "./examples/CustomUIExample";
 import RealWorldExamples from "./examples/RealWorldExamples";
 import { AnchorHeading } from "./components/AnchorHeading";
@@ -84,7 +84,7 @@ const FilterPresetsShowcase: React.FC = () => {
               synchronization, URL sharing, import/export workflows, and
               cross-tab synchronization.
             </p>
-            {/* <AdvancedPresetExample /> */}
+            <AdvancedPresetExample />
           </div>
         </TabPanel>
 

src/demo/FilterPresetsShowcase.tsx

@@ -1,4 +1,3 @@
-// @ts-expect-error - Vite handles JSON imports
 import { version } from "../../package.json";
 
 export const PACKAGE_VERSION = version;