react-reactive-val 1.0.0

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "react-reactive-val",
+  "version": "1.0.0",
+  "description": "",
+  "main": "dist/index.js",
+  "scripts": {
+    "build": "tsc",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "keywords": [],
+  "author": "Jatin Parate <jatin4228@gmail.com>",
+  "license": "ISC",
+  "type": "commonjs",
+  "devDependencies": {
+    "react": "^19.1.0",
+    "@types/react": "^19.1.0",
+    "typescript": "^5.8.3"
+  }
+}

package/src/index.ts

@@ -0,0 +1,50 @@
+import {
+  type ReactNode,
+  type ReactElement,
+  useSyncExternalStore,
+  memo,
+  useMemo,
+} from "react";
+import { jsx } from "react/jsx-runtime";
+
+export default function useReactiveValue<T extends ReactNode>(initialValue: T) {
+  return useMemo(() => reallyReactiveVal(initialValue), [initialValue]);
+}
+
+export const reallyReactiveVal = <T extends ReactNode>(initialValue: T) => {
+  let value: T = initialValue;
+  const onUpdates = new Set<() => void>();
+
+  const Component = memo(function Component() {
+    const currVal = useSyncExternalStore(
+      (listener) => {
+        onUpdates.add(listener);
+        return () => onUpdates.delete(listener);
+      },
+      () => value
+    );
+
+    return currVal;
+  });
+
+  type Updater = T | ((currVal: T) => T);
+
+  function fn<U extends Updater | unknown | undefined>(updater?: U) {
+    if (typeof updater === "undefined") {
+      return jsx(Component, {});
+    }
+
+    // Type narrowing correctly applies here: updater is not undefined
+    value = typeof updater === "function" ? updater(value) : updater;
+
+    onUpdates.forEach((item) => {
+      item();
+    });
+
+    return undefined;
+  }
+
+  return fn as <U extends Updater | unknown | undefined>(
+    updater?: U
+  ) => U extends Updater ? undefined : ReactElement;
+};

package/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "outDir": "./dist",
+    "target": "ES2015",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": false,
+    "esModuleInterop": true,
+    "module": "CommonJS",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}