feat: exposed internal cache for dev purpose

Author: erich2s

.changeset/olive-seals-roll.md

@@ -0,0 +1,5 @@
+---
+"react-mqtt-hooks": patch
+---
+
+feat: exposed internal cache for dev purpose

example/src/components/demo.tsx

@@ -1,20 +1,24 @@
 import { useState } from "react";
+import { _cache } from "react-mqtt-hooks";
 import SingleTopicCard from "./single-topic-card";
 import { Button } from "./ui/button";
 
 export default function Demo() {
   const [show, setShow] = useState(false);
+  function printCache() {
+    console.log(_cache);
+  }
   return (
     <section className="space-y-2">
-
-      <p>
-        Component mount/unmount should get the data from cache.
-      </p>
+      <p>Component mount/unmount should get the data from cache.</p>
       <Button onClick={() => setShow(!show)} variant="outline" size="lg">
         {show ? "Hide" : "Show"}
       </Button>
+      <Button onClick={printCache} size="lg" variant="secondary" className="ml-2">
+        Print Cache
+      </Button>
 
-      {show && <SingleTopicCard topic="chat/1" />}
+      {show && <SingleTopicCard topic="chat/3" />}
     </section>
   );
 }

src/index.ts

@@ -3,5 +3,8 @@ import { MqttConnector } from "./contexts/mqtt-connector";
 import useMqttClient from "./hooks/use-mqtt-client";
 import useTopic from "./hooks/use-topic";
 import useTopics from "./hooks/use-topics";
+import { MqttCache } from "./internals/mqtt-cache";
 
-export { MqttConnector, useMqttClient, useTopic, useTopics };
+const _cache = MqttCache.getInstance();
+
+export { _cache, MqttConnector, useMqttClient, useTopic, useTopics };