fix: get rid of import alias as it still breaks everything around

jest.config.ts

@@ -3,30 +3,31 @@ import { type Config } from 'jest';
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export const __esModule = true;
 
+const moduleNameMapper: Config['moduleNameMapper'] = {
+	'^((?:\\.{1,2}|#[^\\/]*)/.*)\\.[tj]sx?$': '$1',
+};
+
+const transform: Config['transform'] = {
+	'^.+\\.[tj]sx?$': ['@swc/jest', { module: { type: 'commonjs' } }],
+};
+
 export default {
 	extensionsToTreatAsEsm: ['.ts'],
+	testEnvironment: 'node',
 	projects: [
 		{
 			displayName: 'dom',
-			moduleNameMapper: {
-				'^((?:\\.{1,2}|#[^\\/]*)/.*)\\.js$': '$1',
-			},
-			transform: {
-				'^.+\\.[tj]sx?$': '@swc/jest',
-			},
+			moduleNameMapper,
+			transform,
 			testEnvironment: 'jsdom',
 			testMatch: ['<rootDir>/src/**/__tests__/dom.[jt]s?(x)'],
 			setupFiles: ['./src/__tests__/setup.ts'],
 		},
 
 		{
 			displayName: 'ssr',
-			moduleNameMapper: {
-				'^((?:\\.{1,2}|#[^\\/]*)/.*)\\.js$': '$1',
-			},
-			transform: {
-				'^.+\\.[tj]sx?$': '@swc/jest',
-			},
+			moduleNameMapper,
+			transform,
 			testEnvironment: 'node',
 			testMatch: ['<rootDir>/src/**/__tests__/ssr.[jt]s?(x)'],
 		},

package.json

@@ -24,9 +24,6 @@
 	"main": "./src/index.js",
 	"types": "./src/index.d.ts",
 	"sideEffects": false,
-	"imports": {
-		"#root/*": "./src/*"
-	},
 	"exports": {
 		".": "./src/index.js",
 		"./*/": "./src/*/index.js",

src/useAsync/__docs__/example.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useAsync, useMountEffect } from '#root/index.js';
+import { useAsync, useMountEffect } from '../../index.js';
 
 export function Example() {
 	const [state, actions] = useAsync(

src/useAsync/__tests__/dom.ts

@@ -1,5 +1,5 @@
 import { act, renderHook } from '@testing-library/react-hooks/dom';
-import { useAsync } from '#root/index.js';
+import { useAsync } from '../../index.js';
 
 function getControllableAsync<Res, Args extends unknown[] = unknown[]>() {
 	const resolve: { current: undefined | ((result: Res) => void) } = { current: undefined };

src/useAsync/__tests__/ssr.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks/server';
-import { useAsync } from '#root/index.js';
+import { useAsync } from '../../index.js';
 
 describe('useAsync', () => {
 	it('should be defined', () => {

src/useAsync/index.ts

@@ -1,5 +1,5 @@
 import { useMemo, useRef, useState } from 'react';
-import { useSyncedRef } from '#root/useSyncedRef/index.js';
+import { useSyncedRef } from '../useSyncedRef/index.js';
 
 export type AsyncStatus = 'loading' | 'success' | 'error' | 'not-executed';
 

src/useAsyncAbortable/__docs__/example.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useAsyncAbortable, useMountEffect } from '#root/index.js';
+import { useAsyncAbortable, useMountEffect } from '../../index.js';
 
 export function Example() {
 	const [state, actions, meta] = useAsyncAbortable(

src/useAsyncAbortable/__tests__/dom.ts

@@ -1,5 +1,5 @@
 import { act, renderHook } from '@testing-library/react-hooks/dom';
-import { useAsyncAbortable } from '#root/index.js';
+import { useAsyncAbortable } from '../../index.js';
 
 function getControllableAsync<Res, Args extends unknown[] = unknown[]>() {
 	const resolve: { current: undefined | ((result: Res) => void) } = { current: undefined };

src/useAsyncAbortable/__tests__/ssr.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks/server';
-import { useAsyncAbortable } from '#root/index.js';
+import { useAsyncAbortable } from '../../index.js';
 
 describe('useAsyncAbortable', () => {
 	it('should be defined', () => {

src/useAsyncAbortable/index.ts

@@ -4,7 +4,7 @@ import {
 	useAsync,
 	type UseAsyncActions,
 	type UseAsyncMeta,
-} from '#root/useAsync/index.js';
+} from '../useAsync/index.js';
 
 export type UseAsyncAbortableActions<Result, Args extends unknown[] = unknown[]> = {
 	/**

src/useClickOutside/__docs__/example.stories.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useRef } from 'react';
-import { useClickOutside, useToggle } from '#root/index.js';
+import { useClickOutside, useToggle } from '../../index.js';
 
 export function Example() {
 	const [toggled, toggle] = useToggle();

src/useClickOutside/__tests__/dom.ts

@@ -1,6 +1,6 @@
 import { renderHook } from '@testing-library/react-hooks/dom';
 import { type MutableRefObject } from 'react';
-import { useClickOutside } from '#root/index.js';
+import { useClickOutside } from '../../index.js';
 
 describe('useClickOutside', () => {
 	it('should be defined', () => {

src/useClickOutside/__tests__/ssr.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks/server';
-import { useClickOutside } from '#root/index.js';
+import { useClickOutside } from '../../index.js';
 
 describe('useClickOutside', () => {
 	it('should be defined', () => {

src/useClickOutside/index.ts

@@ -1,6 +1,6 @@
 import { type MutableRefObject, type RefObject, useEffect } from 'react';
-import { useSyncedRef } from '#root/useSyncedRef/index.js';
-import { off, on } from '#root/util/misc.js';
+import { useSyncedRef } from '../useSyncedRef/index.js';
+import { off, on } from '../util/misc.js';
 
 const DEFAULT_EVENTS = ['mousedown', 'touchstart'];
 

src/useConditionalEffect/__docs__/example.stories.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useState } from 'react';
-import { useConditionalEffect, useUpdateEffect } from '#root/index.js';
+import { useConditionalEffect, useUpdateEffect } from '../../index.js';
 
 export function Example() {
 	const [state1, setState1] = useState(2);

src/useConditionalEffect/__tests__/dom.ts

@@ -5,7 +5,7 @@ import {
 	truthyOrArrayPredicate,
 	useConditionalEffect,
 	useUpdateEffect,
-} from '#root/index.js';
+} from '../../index.js';
 
 describe('useConditionalEffect', () => {
 	it('should be defined', () => {

src/useConditionalEffect/__tests__/ssr.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks/server';
-import { useConditionalEffect } from '#root/index.js';
+import { useConditionalEffect } from '../../index.js';
 
 describe('useConditionalEffect', () => {
 	it('should be defined', () => {

src/useConditionalEffect/index.ts

@@ -1,7 +1,7 @@
 import { type DependencyList, useEffect } from 'react';
-import { type ConditionsList, type ConditionsPredicate } from '#root/types.js';
-import { truthyAndArrayPredicate } from '#root/util/const.js';
-import { type EffectCallback, type EffectHook } from '#root/util/misc.js';
+import { type ConditionsList, type ConditionsPredicate } from '../types.js';
+import { truthyAndArrayPredicate } from '../util/const.js';
+import { type EffectCallback, type EffectHook } from '../util/misc.js';
 
 /**
  * Like `useEffect` but its callback is invoked only if all given conditions match a given predicate.

src/useControlledRerenderState/__docs__/example.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useControlledRerenderState, useToggle } from '#root/index.js';
+import { useControlledRerenderState, useToggle } from '../../index.js';
 
 export function Example() {
 	const [state, setState] = useControlledRerenderState(0);

src/useControlledRerenderState/__tests__/dom.ts

@@ -1,5 +1,5 @@
 import { act, renderHook } from '@testing-library/react-hooks/dom';
-import { useControlledRerenderState } from '#root/index.js';
+import { useControlledRerenderState } from '../../index.js';
 
 describe('useControlledRerenderState', () => {
 	it('should be defined', () => {

src/useControlledRerenderState/__tests__/ssr.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks/server';
-import { useControlledRerenderState } from '#root/index.js';
+import { useControlledRerenderState } from '../../index.js';
 
 describe('useControlledRerenderState', () => {
 	it('should be defined', () => {

src/useControlledRerenderState/index.ts

@@ -1,7 +1,7 @@
 import { type SetStateAction, useCallback, useRef } from 'react';
-import { useFirstMountState } from '#root/useFirstMountState/index.js';
-import { useRerender } from '#root/useRerender/index.js';
-import { resolveHookState } from '#root/util/resolveHookState.js';
+import { useFirstMountState } from '../useFirstMountState/index.js';
+import { useRerender } from '../useRerender/index.js';
+import { resolveHookState } from '../util/resolveHookState.js';
 
 export type ControlledRerenderDispatch<A> = (value: A, rerender?: boolean) => void;
 

src/useCookieValue/index.ts

@@ -1,9 +1,9 @@
 import Cookies from 'js-cookie';
 import { type Dispatch, useCallback, useEffect, useState } from 'react';
-import { useFirstMountState } from '#root/useFirstMountState/index.js';
-import { useMountEffect } from '#root/useMountEffect/index.js';
-import { useSyncedRef } from '#root/useSyncedRef/index.js';
-import { isBrowser } from '#root/util/const.js';
+import { useFirstMountState } from '../useFirstMountState/index.js';
+import { useMountEffect } from '../useMountEffect/index.js';
+import { useSyncedRef } from '../useSyncedRef/index.js';
+import { isBrowser } from '../util/const.js';
 
 const cookiesSetters = new Map<string, Set<Dispatch<string | null>>>();
 

src/useCounter/__docs__/example.stories.tsx

@@ -1,4 +1,4 @@
-import { useCounter } from '#root/index.js';
+import { useCounter } from '../../index.js';
 
 export function Example() {
 	const [min, { inc: incMin, dec: decMin }] = useCounter(1);

src/useCounter/__tests__/dom.ts

@@ -1,5 +1,5 @@
 import { act, renderHook } from '@testing-library/react-hooks/dom';
-import { useCounter } from '#root/index.js';
+import { useCounter } from '../../index.js';
 
 describe('useCounter', () => {
 	it('should be defined', () => {

src/useCounter/__tests__/ssr.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks/server';
-import { useCounter } from '#root/index.js';
+import { useCounter } from '../../index.js';
 
 describe('useCounter', () => {
 	it('should be defined', () => {

src/useCounter/index.ts

@@ -1,7 +1,7 @@
 import { type SetStateAction, useMemo } from 'react';
-import { useMediatedState } from '#root/useMediatedState/index.js';
-import { useSyncedRef } from '#root/useSyncedRef/index.js';
-import { type InitialState, resolveHookState } from '#root/util/resolveHookState.js';
+import { useMediatedState } from '../useMediatedState/index.js';
+import { useSyncedRef } from '../useSyncedRef/index.js';
+import { type InitialState, resolveHookState } from '../util/resolveHookState.js';
 
 export type CounterActions = {
 	/**

src/useCustomCompareEffect/__docs__/example.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useCustomCompareEffect, useUpdateEffect } from '#root/index.js';
+import { useCustomCompareEffect, useUpdateEffect } from '../../index.js';
 
 /**
  * A little hash function to generate a random number used to identify a string.

src/useCustomCompareEffect/__tests__/dom.ts

@@ -1,6 +1,6 @@
 import { renderHook } from '@testing-library/react-hooks/dom';
 import { type DependencyList } from 'react';
-import { type EffectCallback, useCustomCompareEffect, useUpdateEffect } from '#root/index.js';
+import { type EffectCallback, useCustomCompareEffect, useUpdateEffect } from '../../index.js';
 
 describe('useCustomCompareEffect', () => {
 	it('should be defined', () => {

src/useCustomCompareEffect/__tests__/ssr.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks/server';
-import { useCustomCompareEffect } from '#root/index.js';
+import { useCustomCompareEffect } from '../../index.js';
 
 describe('useCustomCompareEffect', () => {
 	it('should be defined', () => {

src/useCustomCompareEffect/index.ts

@@ -1,7 +1,7 @@
 import { type DependencyList, useEffect, useRef } from 'react';
-import { type DependenciesComparator } from '#root/types.js';
-import { isBrowser } from '#root/util/const.js';
-import { basicDepsComparator, type EffectCallback, type EffectHook } from '#root/util/misc.js';
+import { type DependenciesComparator } from '../types.js';
+import { isBrowser } from '../util/const.js';
+import { basicDepsComparator, type EffectCallback, type EffectHook } from '../util/misc.js';
 
 /**
  * Like `useEffect` but uses provided comparator function to validate dependency changes.

src/useCustomCompareMemo/__docs__/example.stories.tsx

@@ -1,5 +1,5 @@
 import { useReducer, useMemo, useRef } from 'react';
-import { useCustomCompareMemo } from '#root/index.js';
+import { useCustomCompareMemo } from '../../index.js';
 
 // Data
 const keys = ['firstname', 'name'];

src/useCustomCompareMemo/__tests__/dom.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks';
-import { useCustomCompareMemo } from '#root/index.js';
+import { useCustomCompareMemo } from '../../index.js';
 
 const mockUser = { name: 'John' };
 

src/useCustomCompareMemo/__tests__/ssr.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks/server';
-import { useCustomCompareMemo } from '#root/index.js';
+import { useCustomCompareMemo } from '../../index.js';
 
 describe('useCustomCompareMemo', () => {
 	it('should be defined', () => {

src/useCustomCompareMemo/index.ts

@@ -1,5 +1,5 @@
 import { useMemo, useRef, type DependencyList } from 'react';
-import { type DependenciesComparator } from '#root/types.js';
+import { type DependenciesComparator } from '../types.js';
 
 /**
  * Like useMemo but uses provided comparator function to validate dependency changes.

src/useDebouncedCallback/__docs__/example.stories.tsx

@@ -1,5 +1,5 @@
 import { type ComponentProps, useState } from 'react';
-import { useDebouncedCallback } from '#root/index.js';
+import { useDebouncedCallback } from '../../index.js';
 
 export function Example() {
 	const [state, setState] = useState('');

src/useDebouncedCallback/__tests__/dom.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks/dom';
-import { useDebouncedCallback } from '#root/index.js';
+import { useDebouncedCallback } from '../../index.js';
 
 function testFn(_a: any, _b: any, _c: any) {}
 

src/useDebouncedCallback/__tests__/ssr.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks/server';
-import { useDebouncedCallback } from '#root/index.js';
+import { useDebouncedCallback } from '../../index.js';
 
 describe('useDebouncedCallback', () => {
 	beforeAll(() => {

src/useDebouncedCallback/index.ts

@@ -1,5 +1,5 @@
 import { type DependencyList, useMemo, useRef } from 'react';
-import { useUnmountEffect } from '#root/useUnmountEffect/index.js';
+import { useUnmountEffect } from '../useUnmountEffect/index.js';
 
 export type DebouncedFunction<Fn extends (...args: any[]) => any> = (
 	this: ThisParameterType<Fn>,

src/useDebouncedEffect/__docs__/example.stories.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useState } from 'react';
-import { useDebouncedEffect } from '#root/index.js';
+import { useDebouncedEffect } from '../../index.js';
 
 const HAS_DIGIT_REGEX = /\d/g;
 

src/useDebouncedEffect/__tests__/dom.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks/dom';
-import { useDebouncedEffect } from '#root/index.js';
+import { useDebouncedEffect } from '../../index.js';
 
 describe('useDebouncedEffect', () => {
 	beforeAll(() => {

src/useDebouncedEffect/__tests__/ssr.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks/server';
-import { useDebouncedEffect } from '#root/index.js';
+import { useDebouncedEffect } from '../../index.js';
 
 describe('useDebouncedEffect', () => {
 	beforeAll(() => {

src/useDebouncedEffect/index.ts

@@ -1,5 +1,5 @@
 import { type DependencyList, useEffect } from 'react';
-import { useDebouncedCallback } from '#root/useDebouncedCallback/index.js';
+import { useDebouncedCallback } from '../useDebouncedCallback/index.js';
 
 /**
  * Like `useEffect`, but the passed function is debounced.

src/useDebouncedState/__docs__/example.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useDebouncedState } from '#root/index.js';
+import { useDebouncedState } from '../../index.js';
 
 export function Example() {
 	const [state, setState] = useDebouncedState('', 300, 500);

src/useDebouncedState/__tests__/dom.ts

@@ -1,5 +1,5 @@
 import { act, renderHook } from '@testing-library/react-hooks/dom';
-import { useDebouncedState } from '#root/index.js';
+import { useDebouncedState } from '../../index.js';
 
 describe('useDebouncedState', () => {
 	beforeAll(() => {

src/useDebouncedState/__tests__/ssr.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-hooks/server';
-import { useDebouncedState } from '#root/index.js';
+import { useDebouncedState } from '../../index.js';
 
 describe('useDebouncedState', () => {
 	beforeAll(() => {