Add JSR support

example/index.tsx

@@ -1,4 +1,6 @@
+// @ts-types="@types/react"
 import * as React from 'react';
+// @ts-types="@types/react-dom"
 import * as ReactDOM from 'react-dom';
 
 import App from './app';

jsr.jsonc

@@ -0,0 +1,26 @@
+{
+    "name": "@bureaudouble-forks/use-callback-ref",
+    "version": "1.3.2-forks.1",
+    "nodeModulesDir": false,
+    "compilerOptions": {
+      "noErrorTruncation": true,
+      "lib": [
+        "dom",
+        "dom.iterable",
+        "dom.asynciterable",
+        "deno.ns"
+      ]
+    },
+    "imports": {
+      "@types/react": "npm:types-react@^19.0.0-rc",
+      "@types/react-dom": "npm:types-react-dom@^19.0.0-rc",  
+      "react": "npm:react@^19.0.0-rc",
+      "react-dom": "npm:react@^19.0.0-rc",
+      "react-style-singleton": "jsr:@bureaudouble-forks/react-style-singleton@0.0.2",
+      "react-remove-scroll-bar": "jsr:@bureaudouble-forks/react-remove-scroll-bar@0.0.3"
+    },
+    "exports": {
+      ".": "./src/index.ts"
+    }
+  }
+

src/assignRef.ts

@@ -1,4 +1,4 @@
-import { ReactRef } from './types';
+import { ReactRef } from './types.ts';
 
 /**
  * Assigns a value for a given ref, no matter of the ref format

src/createRef.ts

@@ -1,3 +1,4 @@
+// @ts-types="@types/react"
 import { RefObject } from 'react';
 
 /**
@@ -8,7 +9,7 @@ import { RefObject } from 'react';
  * @see {@link useCallbackRef}
  * @see https://reactjs.org/docs/refs-and-the-dom.html#creating-refs
  */
-export function createCallbackRef<T>(callback: (newValue: T | null, lastValue: T | null) => any): RefObject<T> {
+export function createCallbackRef<T>(callback: (newValue: T | null, lastValue: T | null) => any): RefObject<T | null> {
   let current: T | null = null;
 
   return {

src/index.ts

@@ -1,16 +1,16 @@
-export { assignRef } from './assignRef';
+export { assignRef } from './assignRef.ts';
 
 // callback ref
-export { useCallbackRef } from './useRef';
-export { createCallbackRef } from './createRef';
+export { useCallbackRef } from './useRef.ts';
+export { createCallbackRef } from './createRef.ts';
 
 // merge ref
-export { mergeRefs } from './mergeRef';
-export { useMergeRefs } from './useMergeRef';
+export { mergeRefs } from './mergeRef.ts';
+export { useMergeRefs } from './useMergeRef.ts';
 
 // transform ref
-export { useTransformRef } from './useTransformRef';
-export { transformRef } from './transformRef';
+export { useTransformRef } from './useTransformRef.ts';
+export { transformRef } from './transformRef.ts';
 
 // refToCallback
-export { refToCallback, useRefToCallback } from './refToCallback';
+export { refToCallback, useRefToCallback } from './refToCallback.ts';

src/mergeRef.ts

@@ -1,8 +1,9 @@
+// @ts-types="@types/react"
 import { MutableRefObject } from 'react';
 
-import { assignRef } from './assignRef';
-import { createCallbackRef } from './createRef';
-import { ReactRef } from './types';
+import { assignRef } from './assignRef.ts';
+import { createCallbackRef } from './createRef.ts';
+import { ReactRef } from './types.ts';
 
 /**
  * Merges two or more refs together providing a single interface to set their value

src/refToCallback.ts

@@ -1,4 +1,4 @@
-import { DefinedReactRef, ReactRef, RefCallback } from './types';
+import { DefinedReactRef, ReactRef, RefCallback } from './types.ts';
 
 /**
  * Unmemoized version of {@link useRefToCallback}

src/transformRef.ts

@@ -1,6 +1,6 @@
-import { assignRef } from './assignRef';
-import { createCallbackRef } from './createRef';
-import { ReactRef, RefObject } from './types';
+import { assignRef } from './assignRef.ts';
+import { createCallbackRef } from './createRef.ts';
+import { ReactRef, RefObject } from './types.ts';
 
 /**
  * Transforms one ref to another

src/types.ts

@@ -1,3 +1,4 @@
+// @ts-types="@types/react"
 import * as React from 'react';
 
 export type RefCallback<T> = (newValue: T | null) => void;

src/useMergeRef.ts

@@ -1,8 +1,9 @@
+// @ts-types="@types/react"
 import * as React from 'react';
 
-import { assignRef } from './assignRef';
-import { ReactRef } from './types';
-import { useCallbackRef } from './useRef';
+import { assignRef } from './assignRef.ts';
+import { ReactRef } from './types.ts';
+import { useCallbackRef } from './useRef.ts';
 
 const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 

src/useRef.ts

@@ -1,3 +1,4 @@
+// @ts-types="@types/react"
 import { MutableRefObject, useState } from 'react';
 
 /**

src/useTransformRef.ts

@@ -1,6 +1,6 @@
-import { assignRef } from './assignRef';
-import { ReactRef, RefObject } from './types';
-import { useCallbackRef } from './useRef';
+import { assignRef } from './assignRef.ts';
+import { ReactRef, RefObject } from './types.ts';
+import { useCallbackRef } from './useRef.ts';
 
 /**
  * Create a _lense_ on Ref, making it possible to transform ref value