feat: add primitives module use-effect-event

Author: Ohh-889

primitives/use-effect-event/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "soybean-react-ui/use-effect-event",
+  "version": "0.0.2",
+  "license": "MIT",
+  "homepage": "https://radix-ui.com/primitives",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/radix-ui/primitives.git"
+  },
+  "bugs": {
+    "url": "https://github.com/radix-ui/primitives/issues"
+  },
+  "publishConfig": {
+    "main": "./dist/index.js",
+    "module": "./dist/index.mjs",
+    "types": "./dist/index.d.ts",
+    "exports": {
+      ".": {
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
+      }
+    }
+  },
+  "sideEffects": false,
+  "main": "./src/index.ts",
+  "module": "./src/index.ts",
+  "files": ["dist", "src", "README.md"],
+  "scripts": {
+    "build": "radix-build",
+    "clean": "rm -rf dist",
+    "lint": "eslint --max-warnings 0 src",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "@types/react": "*",
+    "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "soybean-react-ui/use-layout-effect": "workspace:*"
+  },
+  "devDependencies": {
+    "@types/react": "19.0.7",
+    "@types/react-dom": "19.0.3",
+    "@types/use-sync-external-store": "0.0.6",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "typescript": "5.7.3"
+  },
+  "source": "./src/index.ts"
+}

primitives/use-effect-event/src/index.ts

@@ -0,0 +1 @@
+export { useEffectEvent } from './use-effect-event';

primitives/use-effect-event/src/use-effect-event.ts

@@ -0,0 +1,36 @@
+/* eslint-disable react-hooks/rules-of-hooks */
+import * as React from 'react';
+import { useLayoutEffect } from 'soybean-react-ui/use-layout-effect';
+
+type AnyFunction = (...args: any[]) => any;
+
+// See https://github.com/webpack/webpack/issues/14814
+const useReactEffectEvent = (React as any)[' useEffectEvent '.trim().toString()];
+const useReactInsertionEffect = (React as any)[' useInsertionEffect '.trim().toString()];
+
+/**
+ * Designed to approximate the behavior on `experimental_useEffectEvent` as best
+ * as possible until its stable release, and back-fill it as a shim as needed.
+ */
+export function useEffectEvent<T extends AnyFunction>(callback?: T): T {
+  if (typeof useReactEffectEvent === 'function') {
+    return useReactEffectEvent(callback);
+  }
+
+  const ref = React.useRef<AnyFunction | undefined>(() => {
+    throw new Error('Cannot call an event handler while rendering.');
+  });
+  // See https://github.com/webpack/webpack/issues/14814
+  if (typeof useReactInsertionEffect === 'function') {
+    useReactInsertionEffect(() => {
+      ref.current = callback;
+    });
+  } else {
+    useLayoutEffect(() => {
+      ref.current = callback;
+    });
+  }
+
+  // https://github.com/facebook/react/issues/19240
+  return React.useMemo(() => ((...args) => ref.current?.(...args)) as T, []);
+}

primitives/use-effect-event/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist"
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}