Update readme and clean up

Author: mayank1513

README.md

@@ -26,6 +26,8 @@ Live demo: [https://kosha-six.vercel.app](https://kosha-six.vercel.app)
 - [❓ FAQ](#-faq)
 - [🚧 Known Limitations](#-known-limitations)
 - [🤝 Contributing](#-contributing)
+- [🧪 Testing and Mocking](#-testing-and-mocking)
+- [🧠 Internals & Caveats](#-internals--caveats)
 - [📜 License](#-license)
 
 ---

lib/tests/with-selectors/counter.tsx

@@ -2,7 +2,7 @@ import { useRef } from "react";
 import { useMyKosha } from "./store";
 
 export function Counter() {
-  const [count, setCount] = useMyKosha(state => [state.count, state.setCount] as const);
+  const [count, setCount] = useMyKosha(state => [state.count, state.setCount]);
   const renderCount = useRef(0);
   renderCount.current++;
   return (

packages/shared/src/client/demo/compare/index.tsx

@@ -43,7 +43,7 @@ const P1ExtractAsObj = ({ type }: StoreTypeProps) => {
 };
 
 const P1ExtractAsArray = ({ type }: StoreTypeProps) => {
-  const [p1, setP1] = getStore(type)(({ p1, setP1 }) => [p1, setP1] as const);
+  const [p1, setP1] = getStore(type)(({ p1, setP1 }) => [p1, setP1]);
   return <P1 {...{ p1, setP1 }} />;
 };
 
@@ -59,7 +59,7 @@ const P2ExtractAsObj = ({ type }: StoreTypeProps) => {
 };
 
 const P2ExtractAsArray = ({ type }: StoreTypeProps) => {
-  const [p2, setP2] = getStore(type)(({ p2, setP2 }) => [p2, setP2] as const);
+  const [p2, setP2] = getStore(type)(({ p2, setP2 }) => [p2, setP2]);
   return <P2 {...{ p2, setP2 }} />;
 };
 
@@ -79,7 +79,7 @@ export const Compare = () => (
       <P2ExtractAsObj type="kosha" />
       <hr />
       <h4>Extract as Array</h4>
-      <code>{`const [p2, setP2] = myStore(({ p2, setP2 }) => [p2, setP2] as const)`}</code>
+      <code>{`const [p2, setP2] = myStore(({ p2, setP2 }) => [p2, setP2] )`}</code>
       <P1ExtractAsArray type="kosha" />
       <P2ExtractAsArray type="kosha" />
       <hr />
@@ -100,7 +100,7 @@ export const Compare = () => (
       </ErrorBoundary>
       <hr />
       <h4>Extract as Array</h4>
-      <code>{`const [p2, setP2] = myStore(({ p2, setP2 }) => [p2, setP2] as const)`}</code>
+      <code>{`const [p2, setP2] = myStore(({ p2, setP2 }) => [p2, setP2] )`}</code>
       <ErrorBoundary fallback={<p>⚠️Something went wrong</p>}>
         <P1ExtractAsArray type="zustand" />
       </ErrorBoundary>

packages/shared/src/client/demo/with-selectors/counter.tsx

@@ -2,7 +2,7 @@ import { useRef } from "react";
 import { useMyKosha } from "./store";
 
 export function Counter() {
-  const [count, setCount] = useMyKosha(state => [state.count, state.setCount] as const);
+  const [count, setCount] = useMyKosha(state => [state.count, state.setCount]);
   const renderCount = useRef(0);
   renderCount.current++;
   return (