From 7adb7b567a84bb07859f3355c7a6ad26610e0697 Mon Sep 17 00:00:00 2001
From: Sasha Khamkov <sanusart@gmail.com>
Date: Sat, 22 Aug 2026 22:39:33 +0300
Subject: [PATCH 1/8] fix(select): merge prop defaults in-component for React
 19

---
 .../.storybook/stories/Select.stories.js      |  4 ++--
 .../__tests__/index.spec.js                   | 20 +++++++++++++++++++
 packages/react-dropdown-select/src/index.tsx  | 20 ++++++++++++++-----
 3 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/packages/react-dropdown-select/.storybook/stories/Select.stories.js b/packages/react-dropdown-select/.storybook/stories/Select.stories.js
index 58a91fb4..ad4ab77f 100644
--- a/packages/react-dropdown-select/.storybook/stories/Select.stories.js
+++ b/packages/react-dropdown-select/.storybook/stories/Select.stories.js
@@ -1,10 +1,10 @@
 import React from 'react';
-import { Select } from '../../src';
+import { Select, defaultProps as selectDefaultProps } from '../../src';
 import { optionsBase } from './options';
 
 const options = optionsBase(10);
 const baseArgs = {
-  ...Select.defaultProps,
+  ...selectDefaultProps,
   options,
   multi: false,
   onChange: (values) => console.log(values),
diff --git a/packages/react-dropdown-select/__tests__/index.spec.js b/packages/react-dropdown-select/__tests__/index.spec.js
index cf924d0d..aafd1c68 100644
--- a/packages/react-dropdown-select/__tests__/index.spec.js
+++ b/packages/react-dropdown-select/__tests__/index.spec.js
@@ -78,4 +78,24 @@ describe('<Select/> component', () => {
 
     expect(tree).toMatchSnapshot();
   });
+
+  it('<Select/> applies defaults without defaultProps (React 19)', () => {
+    const component = selectWithProps(<Select {...props()} />);
+
+    const placeholderInput = component.root.find(
+      (element) => element.props.placeholder === 'Select...',
+    );
+
+    expect(placeholderInput).toBeTruthy();
+  });
+
+  it('<Select/> falls back to default for explicitly undefined prop (React 19)', () => {
+    const component = selectWithProps(<Select {...props({ placeholder: undefined })} />);
+
+    const placeholderInput = component.root.find(
+      (element) => element.props.placeholder === 'Select...',
+    );
+
+    expect(placeholderInput).toBeTruthy();
+  });
 });
diff --git a/packages/react-dropdown-select/src/index.tsx b/packages/react-dropdown-select/src/index.tsx
index 4d78fede..9a5c51af 100644
--- a/packages/react-dropdown-select/src/index.tsx
+++ b/packages/react-dropdown-select/src/index.tsx
@@ -1,4 +1,4 @@
-import React, { forwardRef, useImperativeHandle } from 'react';
+import React, { forwardRef, useImperativeHandle, type ReactElement } from 'react';
 import ClickOutside from './components/ClickOutside';
 
 import Content from './components/Content';
@@ -13,9 +13,19 @@ import { SelectProps } from './select-types';
 import { useSelect } from './hooks/useSelect';
 
 function SelectInner<T extends Record<string, any>>(
-  props: SelectProps<T>,
+  rawProps: SelectProps<T>,
   ref: React.ForwardedRef<{ state: any; methods: any }>,
 ) {
+  const props = React.useMemo(() => {
+    const merged = { ...rawProps } as SelectProps<T>;
+    (Object.keys(defaultProps) as (keyof SelectProps<any>)[]).forEach((key) => {
+      if (merged[key] === undefined) {
+        merged[key] = defaultProps[key] as any;
+      }
+    });
+    return merged;
+  }, [rawProps]);
+
   const { state, methods, selectRef, renderDropdown, setState, handleKeyDownFn } = useSelect(props);
 
   useImperativeHandle(
@@ -79,11 +89,11 @@ type SelectRef = {
   methods: any;
 };
 
-const Select = forwardRef(SelectInner) as (<T extends Record<string, any>>(
+const Select = forwardRef(SelectInner) as <T extends Record<string, any>>(
   props: SelectProps<T> & { ref?: React.ForwardedRef<SelectRef> },
-) => JSX.Element) & { defaultProps: Partial<SelectProps<any>> };
+) => ReactElement;
 
-Select.defaultProps = {
+export const defaultProps: Partial<SelectProps<any>> = {
   addPlaceholder: '',
   additionalProps: undefined,
   autoFocus: false,

From e2c74143575916629f0311838e8beedd08b4e4b3 Mon Sep 17 00:00:00 2001
From: Sasha Khamkov <sanusart@gmail.com>
Date: Sat, 22 Aug 2026 22:39:44 +0300
Subject: [PATCH 2/8] fix(types): adopt React 19 type conventions

---
 .../src/components/Input.tsx                  |  2 +-
 .../src/components/Item.tsx                   |  2 +-
 .../react-dropdown-select/src/select-types.ts | 23 ++++++++++---------
 3 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/packages/react-dropdown-select/src/components/Input.tsx b/packages/react-dropdown-select/src/components/Input.tsx
index fe4b1271..bf74e2e0 100644
--- a/packages/react-dropdown-select/src/components/Input.tsx
+++ b/packages/react-dropdown-select/src/components/Input.tsx
@@ -33,7 +33,7 @@ const handlePlaceHolder = <T extends Record<string, any>>(
 };
 
 class Input<T extends Record<string, any>> extends Component<InputProps<T>> {
-  input: RefObject<HTMLInputElement> = React.createRef();
+  input: RefObject<HTMLInputElement | null> = React.createRef();
 
   componentDidUpdate(prevProps: InputProps<T>) {
     if (
diff --git a/packages/react-dropdown-select/src/components/Item.tsx b/packages/react-dropdown-select/src/components/Item.tsx
index cb481c70..fb3ca61f 100644
--- a/packages/react-dropdown-select/src/components/Item.tsx
+++ b/packages/react-dropdown-select/src/components/Item.tsx
@@ -12,7 +12,7 @@ interface ItemProps<T> {
 }
 
 class Item<T extends Record<string, any>> extends Component<ItemProps<T>> {
-  item: RefObject<HTMLSpanElement> = React.createRef();
+  item: RefObject<HTMLSpanElement | null> = React.createRef();
 
   componentDidMount() {
     const { props, methods } = this.props;
diff --git a/packages/react-dropdown-select/src/select-types.ts b/packages/react-dropdown-select/src/select-types.ts
index 94d6c14e..a5ce0c2c 100644
--- a/packages/react-dropdown-select/src/select-types.ts
+++ b/packages/react-dropdown-select/src/select-types.ts
@@ -3,6 +3,7 @@ import {
   HTMLAttributes,
   KeyboardEvent,
   MouseEvent,
+  ReactElement,
   RefObject,
   ChangeEvent,
 } from 'react';
@@ -448,70 +449,70 @@ export interface SelectProps<T> {
    * @receives { props, state, methods }
    * @replaces Clear button
    */
-  clearRenderer?: (args: RendererArgs<T>) => JSX.Element | null;
+  clearRenderer?: (args: RendererArgs<T>) => ReactElement | null;
   /**
    * Replaces the entire content area (selected values + input).
    * @category renderer
    * @receives { props, state, methods }
    * @replaces Entire content area (selected values + input)
    */
-  contentRenderer?: (args: RendererArgs<T>) => JSX.Element | null;
+  contentRenderer?: (args: RendererArgs<T>) => ReactElement | null;
   /**
    * Replaces the entire dropdown container.
    * @category renderer
    * @receives { props, state, methods }
    * @replaces Entire dropdown container
    */
-  dropdownRenderer?: (args: RendererArgs<T>) => JSX.Element | null;
+  dropdownRenderer?: (args: RendererArgs<T>) => ReactElement | null;
   /**
    * Replaces the dropdown arrow handle.
    * @category renderer
    * @receives { props, state, methods }
    * @replaces Dropdown arrow handle
    */
-  dropdownHandleRenderer?: (args: RendererArgs<T>) => JSX.Element | null;
+  dropdownHandleRenderer?: (args: RendererArgs<T>) => ReactElement | null;
   /**
    * Replaces the search input element.
    * @category renderer
    * @receives { props, state, methods, inputRef }
    * @replaces Search input element
    */
-  inputRenderer?: (args: InputRendererArgs<T>) => JSX.Element | null;
+  inputRenderer?: (args: InputRendererArgs<T>) => ReactElement | null;
   /**
    * Replaces individual dropdown list items.
    * @category renderer
    * @receives { item, itemIndex, props, state, methods }
    * @replaces Individual dropdown list item
    */
-  itemRenderer?: (args: ItemRendererArgs<T>) => JSX.Element | null;
+  itemRenderer?: (args: ItemRendererArgs<T>) => ReactElement | null;
   /**
    * Replaces the loading indicator.
    * @category renderer
    * @receives { props }
    * @replaces Loading indicator
    */
-  loadingRenderer?: (args: { props: SelectProps<T> }) => JSX.Element | null;
+  loadingRenderer?: (args: { props: SelectProps<T> }) => ReactElement | null;
   /**
    * Replaces the "No data" message.
    * @category renderer
    * @receives { props, state, methods }
    * @replaces "No data" message
    */
-  noDataRenderer?: (args: RendererArgs<T>) => JSX.Element | null;
+  noDataRenderer?: (args: RendererArgs<T>) => ReactElement | null;
   /**
    * Replaces selected value pills/tags.
    * @category renderer
    * @receives { item, props, state, methods }
    * @replaces Selected value pill/tag
    */
-  optionRenderer?: (args: ItemRendererArgs<T>) => JSX.Element | null;
+  optionRenderer?: (args: ItemRendererArgs<T>) => ReactElement | null;
   /**
    * Replaces the separator line.
    * @category renderer
    * @receives { props, state, methods }
    * @replaces Separator line
    */
-  separatorRenderer?: (args: RendererArgs<T>) => JSX.Element | null;
+  separatorRenderer?: (args: RendererArgs<T>) => ReactElement | null;
   /**
    * Additional HTML attributes passed to the root element.
    * @category behavior
@@ -548,7 +549,7 @@ export interface RendererArgs<T> {
 }
 
 export interface InputRendererArgs<T> extends RendererArgs<T> {
-  inputRef: RefObject<HTMLInputElement>;
+  inputRef: RefObject<HTMLInputElement | null>;
 }
 
 export interface ItemRendererArgs<T> {

From c995b0a658e5fdbee87d1dd8debb7fe16d87f367 Mon Sep 17 00:00:00 2001
From: Sasha Khamkov <sanusart@gmail.com>
Date: Sat, 22 Aug 2026 22:39:59 +0300
Subject: [PATCH 3/8] chore(deps): upgrade to React 19 toolchain

---
 packages/docs-site/package.json              |   8 +-
 packages/react-dropdown-select/jest.setup.js |  10 +
 packages/react-dropdown-select/package.json  |  31 ++-
 pnpm-lock.yaml                               | 228 +++++++++----------
 4 files changed, 142 insertions(+), 135 deletions(-)
 create mode 100644 packages/react-dropdown-select/jest.setup.js

diff --git a/packages/docs-site/package.json b/packages/docs-site/package.json
index 39852910..3bda4dbe 100644
--- a/packages/docs-site/package.json
+++ b/packages/docs-site/package.json
@@ -18,16 +18,16 @@
     "prettier:write": "prettier --write src"
   },
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "react-router-dom": "^7.18.2",
     "react-syntax-highlighter": "^16.1.1",
     "react-dropdown-select": "workspace:*"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.3.2",
-    "@types/react": "^18.3.31",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.7.0",
     "eslint": "^10.8.0",
diff --git a/packages/react-dropdown-select/jest.setup.js b/packages/react-dropdown-select/jest.setup.js
new file mode 100644
index 00000000..2cd201ef
--- /dev/null
+++ b/packages/react-dropdown-select/jest.setup.js
@@ -0,0 +1,10 @@
+global.IS_REACT_ACT_ENVIRONMENT = true;
+
+const originalError = console.error;
+
+console.error = (...args) => {
+  if (typeof args[0] === 'string' && args[0].includes('react-test-renderer is deprecated')) {
+    return;
+  }
+  originalError(...args);
+};
diff --git a/packages/react-dropdown-select/package.json b/packages/react-dropdown-select/package.json
index 1774575f..ebfa2929 100644
--- a/packages/react-dropdown-select/package.json
+++ b/packages/react-dropdown-select/package.json
@@ -5,6 +5,18 @@
   "main": "dist/react-dropdown-select.js",
   "module": "lib/index.js",
   "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./dist/react-dropdown-select.js"
+    },
+    "./types/*": {
+      "types": "./types/*.d.ts",
+      "default": "./types/*"
+    },
+    "./package.json": "./package.json"
+  },
   "sideEffects": false,
   "files": [
     "dist",
@@ -22,7 +34,7 @@
     "test:watch": "jest --bail --watch",
     "coveralls": "jest --coverage && cat ./coverage/lcov.info | coveralls",
     "build": "tsc --noEmit && webpack && pnpm run transpile && pnpm run types && bundlesize",
-    "transpile": "babel src --out-dir lib --extensions .ts,.tsx",
+    "transpile": "babel src --out-dir lib --extensions .ts,.tsx --config-file ./babel.lib.config.js --no-babelrc --source-maps && printf '{\"type\":\"module\"}' > lib/package.json",
     "prepublishOnly": "pnpm run build",
     "// ℹ️ ------- versioning and release -------": "",
     "changelog": "cd ../.. && npx git-cliff@2.13.1 -c cliff.toml --output CHANGELOG.md --tag v$npm_package_version",
@@ -62,8 +74,8 @@
   "author": "Sasha Khamkov <sanusart@gmail.com>",
   "license": "MIT",
   "peerDependencies": {
-    "react": ">=16.x",
-    "react-dom": ">=16.x"
+    "react": ">=16.8",
+    "react-dom": ">=16.8"
   },
   "devDependencies": {
     "@babel/cli": "^7.7.7",
@@ -76,8 +88,8 @@
     "@babel/preset-typescript": "^7.29.7",
     "@storybook/addon-webpack5-compiler-swc": "4.0.3",
     "@storybook/react-webpack5": "10.5.4",
-    "@types/react": "^18.3.31",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^25.3.0",
     "babel-loader": "^10.1.1",
@@ -90,9 +102,9 @@
     "html-webpack-plugin": "^5.5.0",
     "jest": "29.6.2",
     "jest-environment-jsdom": "29.6.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-test-renderer": "^18.3.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-test-renderer": "^19.2.8",
     "storybook": "10.5.4",
     "style-loader": "^3.3.1",
     "typescript": "^5.9.3",
@@ -101,6 +113,9 @@
     "webpack-dev-server": "4.15.1"
   },
   "jest": {
+    "setupFiles": [
+      "<rootDir>/jest.setup.js"
+    ],
     "transform": {
       "^.+\\.(js|ts|tsx)$": "babel-jest"
     },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b6c144ae..d0d827b8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -54,30 +54,30 @@ importers:
   packages/docs-site:
     dependencies:
       react:
-        specifier: ^18.3.1
-        version: 18.3.1
+        specifier: ^19.2.8
+        version: 19.2.8
       react-dom:
-        specifier: ^18.3.1
-        version: 18.3.1(react@18.3.1)
+        specifier: ^19.2.8
+        version: 19.2.8(react@19.2.8)
       react-dropdown-select:
         specifier: workspace:*
         version: link:../react-dropdown-select
       react-router-dom:
         specifier: ^7.18.2
-        version: 7.18.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 7.18.2(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
       react-syntax-highlighter:
         specifier: ^16.1.1
-        version: 16.1.1(react@18.3.1)
+        version: 16.1.1(react@19.2.8)
     devDependencies:
       '@tailwindcss/vite':
         specifier: ^4.3.2
         version: 4.3.3(vite@6.4.3(@types/node@26.2.0)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.49.2)(yaml@2.9.0))
       '@types/react':
-        specifier: ^18.3.31
-        version: 18.3.31
+        specifier: ^19.2.18
+        version: 19.2.18
       '@types/react-dom':
-        specifier: ^18.3.7
-        version: 18.3.7(@types/react@18.3.31)
+        specifier: ^19.2.4
+        version: 19.2.4(@types/react@19.2.18)
       '@types/react-syntax-highlighter':
         specifier: ^15.5.13
         version: 15.5.13
@@ -128,16 +128,16 @@ importers:
         version: 7.29.7(@babel/core@7.29.7)
       '@storybook/addon-webpack5-compiler-swc':
         specifier: 4.0.3
-        version: 4.0.3(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))(webpack@5.109.2)
+        version: 4.0.3(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(webpack@5.109.2)
       '@storybook/react-webpack5':
         specifier: 10.5.4
-        version: 10.5.4(@swc/core@1.15.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(postcss@8.5.16)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))(typescript@5.9.3)(webpack-cli@5.1.4)
+        version: 10.5.4(@swc/core@1.15.43)(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(postcss@8.5.16)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)(webpack-cli@5.1.4)
       '@types/react':
-        specifier: ^18.3.31
-        version: 18.3.31
+        specifier: ^19.2.18
+        version: 19.2.18
       '@types/react-dom':
-        specifier: ^18.3.7
-        version: 18.3.7(@types/react@18.3.31)
+        specifier: ^19.2.4
+        version: 19.2.4(@types/react@19.2.18)
       babel-core:
         specifier: ^7.0.0-bridge.0
         version: 7.0.0-bridge.0(@babel/core@7.29.7)
@@ -175,17 +175,17 @@ importers:
         specifier: 29.6.2
         version: 29.6.2
       react:
-        specifier: ^18.3.1
-        version: 18.3.1
+        specifier: ^19.2.8
+        version: 19.2.8
       react-dom:
-        specifier: ^18.3.1
-        version: 18.3.1(react@18.3.1)
+        specifier: ^19.2.8
+        version: 19.2.8(react@19.2.8)
       react-test-renderer:
-        specifier: ^18.3.1
-        version: 18.3.1(react@18.3.1)
+        specifier: ^19.2.8
+        version: 19.2.8(react@19.2.8)
       storybook:
         specifier: 10.5.4
-        version: 10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1)
+        version: 10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
       style-loader:
         specifier: ^3.3.1
         version: 3.3.4(webpack@5.109.2)
@@ -2221,25 +2221,22 @@ packages:
   '@types/prismjs@1.26.6':
     resolution: {integrity: sha512-vqlvI7qlMvcCBbVe0AKAb4f97//Hy0EBTaiW8AalRnG/xAN5zOiWWyrNqNXeq8+KAuvRewjCVY1+IPxk4RdNYw==}
 
-  '@types/prop-types@15.7.15':
-    resolution: {integrity: sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==}
-
   '@types/qs@6.15.1':
     resolution: {integrity: sha512-GZHUBZR9hckSUhrxmp1nG6NwdpM9fCunJwyThLW1X3AyHgd9IlHb6VANpQQqDr2o/qQp6McZ3y/IA2rVzKzSbw==}
 
   '@types/range-parser@1.2.7':
     resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==}
 
-  '@types/react-dom@18.3.7':
-    resolution: {integrity: sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==}
+  '@types/react-dom@19.2.4':
+    resolution: {integrity: sha512-Bsc+QHgp+P/F02XDzNCY9jnZNCUuLki36KT7VKrTXXLdHf+vHMNZnW1rVu5DNW/rCK+fya3DATySbLM4yhtKUw==}
     peerDependencies:
-      '@types/react': ^18.0.0
+      '@types/react': ^19.2.0
 
   '@types/react-syntax-highlighter@15.5.13':
     resolution: {integrity: sha512-uLGJ87j6Sz8UaBAooU0T6lWJ0dBmjZgN1PZTrj05TNql2/XpC6+4HhMT5syIdFUUt+FASfCeLLv4kBygNU+8qA==}
 
-  '@types/react@18.3.31':
-    resolution: {integrity: sha512-vfEqpXTvwT91yhmwdfouStN2hSKwTvyRs8qpLfADyrq/kxDw0hZM7Wk9Ug1FELj8hIby+S/+kQCSRFF32nv2Qw==}
+  '@types/react@19.2.18':
+    resolution: {integrity: sha512-AnzbBERsrLKtk2XSfTbYRLjQPdy116Sty4q+T+Bp3IC4l6jNBvreVPAHmpq9qhXQM7CXZPjLVmGMw9sy+hxQ3w==}
 
   '@types/resolve@1.20.6':
     resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
@@ -5682,10 +5679,10 @@ packages:
     resolution: {integrity: sha512-aEZ9qP+/M+58x2qgfSFEWH1BxLyHe5+qkLNJOZQb5iGS017jpbRnoKhNRrXPeA6RfBrZO5wZrT9DMC1UqE1f1w==}
     engines: {node: ^20.9.0 || >=22}
 
-  react-dom@18.3.1:
-    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
+  react-dom@19.2.8:
+    resolution: {integrity: sha512-rVprimfGBG3DR+Tq0IQG2DT5PxKth1WIGDmj5yPmlzr4YBe7uyE+Du4oVqTDXZSHGGGXRtTJEGSSePyQCMBglQ==}
     peerDependencies:
-      react: ^18.3.1
+      react: ^19.2.8
 
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
@@ -5696,6 +5693,9 @@ packages:
   react-is@18.3.1:
     resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
 
+  react-is@19.2.8:
+    resolution: {integrity: sha512-s5un28nYxKJw5gvUHyW5PCC28CvBqLu9r3cWgzHT4Vo/5fqqkFcdRYsGcKf50WMPpjjFZS5d76fn3YCo2njKwQ==}
+
   react-refresh@0.17.0:
     resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
     engines: {node: '>=0.10.0'}
@@ -5717,24 +5717,19 @@ packages:
       react-dom:
         optional: true
 
-  react-shallow-renderer@16.15.0:
-    resolution: {integrity: sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==}
-    peerDependencies:
-      react: ^16.0.0 || ^17.0.0 || ^18.0.0
-
   react-syntax-highlighter@16.1.1:
     resolution: {integrity: sha512-PjVawBGy80C6YbC5DDZJeUjBmC7skaoEUdvfFQediQHgCL7aKyVHe57SaJGfQsloGDac+gCpTfRdtxzWWKmCXA==}
     engines: {node: '>= 16.20.2'}
     peerDependencies:
       react: '>= 0.14.0'
 
-  react-test-renderer@18.3.1:
-    resolution: {integrity: sha512-KkAgygexHUkQqtvvx/otwxtuFu5cVjfzTCtjXLH9boS19/Nbtg84zS7wIQn39G8IlrhThBpQsMKkq5ZHZIYFXA==}
+  react-test-renderer@19.2.8:
+    resolution: {integrity: sha512-GHKPaDRaNYU24PHTLG8Bx8VMY9t+qNfxQbt/Yjp7aMWBkKU6766SR0n6TnYu7P5I1MfEuAMUadqiyDHyI4Yy9Q==}
     peerDependencies:
-      react: ^18.3.1
+      react: ^19.2.8
 
-  react@18.3.1:
-    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
+  react@19.2.8:
+    resolution: {integrity: sha512-PWaYA1L/q9u2u7xYQi+Y3L3Yfnie7XyLeaJICV1MGD6LprsBxcAqGjYyr0eY3p+QdsA+x/Irkt4Qif8D63+Sbw==}
     engines: {node: '>=0.10.0'}
 
   readable-stream@2.3.8:
@@ -5949,8 +5944,8 @@ packages:
     resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
     engines: {node: '>=v12.22.7'}
 
-  scheduler@0.23.2:
-    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
+  scheduler@0.27.0:
+    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
 
   schema-utils@3.3.0:
     resolution: {integrity: sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==}
@@ -8556,18 +8551,18 @@ snapshots:
     dependencies:
       '@sinonjs/commons': 3.0.1
 
-  '@storybook/addon-webpack5-compiler-swc@4.0.3(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))(webpack@5.109.2)':
+  '@storybook/addon-webpack5-compiler-swc@4.0.3(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(webpack@5.109.2)':
     dependencies:
       '@swc/core': 1.15.43
-      storybook: 10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1)
+      storybook: 10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
       swc-loader: 0.2.7(@swc/core@1.15.43)(webpack@5.109.2)
     transitivePeerDependencies:
       - '@swc/helpers'
       - webpack
 
-  '@storybook/builder-webpack5@10.5.4(@swc/core@1.15.43)(postcss@8.5.16)(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))(typescript@5.9.3)(webpack-cli@5.1.4)':
+  '@storybook/builder-webpack5@10.5.4(@swc/core@1.15.43)(postcss@8.5.16)(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)(webpack-cli@5.1.4)':
     dependencies:
-      '@storybook/core-webpack': 10.5.4(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))
+      '@storybook/core-webpack': 10.5.4(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))
       case-sensitive-paths-webpack-plugin: 2.4.0
       cjs-module-lexer: 1.4.3
       css-loader: 7.1.4(webpack@5.109.2)
@@ -8576,7 +8571,7 @@ snapshots:
       html-webpack-plugin: 5.6.7(webpack@5.109.2)
       magic-string: 0.30.21
       semver: 7.8.5
-      storybook: 10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1)
+      storybook: 10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
       style-loader: 4.0.0(webpack@5.109.2)
       terser-webpack-plugin: 5.6.1(@swc/core@1.15.43)(postcss@8.5.16)(webpack@5.109.2)
       ts-dedent: 2.3.0
@@ -8602,29 +8597,29 @@ snapshots:
       - uglify-js
       - webpack-cli
 
-  '@storybook/core-webpack@10.5.4(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))':
+  '@storybook/core-webpack@10.5.4(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))':
     dependencies:
-      storybook: 10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1)
+      storybook: 10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
       ts-dedent: 2.3.0
 
   '@storybook/global@5.0.0': {}
 
-  '@storybook/icons@2.1.0(react@18.3.1)':
+  '@storybook/icons@2.1.0(react@19.2.8)':
     dependencies:
-      react: 18.3.1
+      react: 19.2.8
 
-  '@storybook/preset-react-webpack@10.5.4(@swc/core@1.15.43)(postcss@8.5.16)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))(typescript@5.9.3)(webpack-cli@5.1.4)':
+  '@storybook/preset-react-webpack@10.5.4(@swc/core@1.15.43)(postcss@8.5.16)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)(webpack-cli@5.1.4)':
     dependencies:
-      '@storybook/core-webpack': 10.5.4(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))
+      '@storybook/core-webpack': 10.5.4(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))
       '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@5.9.3)(webpack@5.109.2)
       '@types/semver': 7.7.1
       magic-string: 0.30.21
-      react: 18.3.1
+      react: 19.2.8
       react-docgen: 8.0.3
-      react-dom: 18.3.1(react@18.3.1)
+      react-dom: 19.2.8(react@19.2.8)
       resolve: 1.22.12
       semver: 7.8.5
-      storybook: 10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1)
+      storybook: 10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
       tsconfig-paths: 4.2.0
       webpack: 5.109.2(@swc/core@1.15.43)(postcss@8.5.16)(webpack-cli@5.1.4)
     optionalDependencies:
@@ -8659,23 +8654,23 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@storybook/react-dom-shim@10.5.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))':
+  '@storybook/react-dom-shim@10.5.4(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))':
     dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      storybook: 10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      storybook: 10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
     optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.4(@types/react@19.2.18)
 
-  '@storybook/react-webpack5@10.5.4(@swc/core@1.15.43)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(postcss@8.5.16)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))(typescript@5.9.3)(webpack-cli@5.1.4)':
+  '@storybook/react-webpack5@10.5.4(@swc/core@1.15.43)(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(postcss@8.5.16)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)(webpack-cli@5.1.4)':
     dependencies:
-      '@storybook/builder-webpack5': 10.5.4(@swc/core@1.15.43)(postcss@8.5.16)(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))(typescript@5.9.3)(webpack-cli@5.1.4)
-      '@storybook/preset-react-webpack': 10.5.4(@swc/core@1.15.43)(postcss@8.5.16)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))(typescript@5.9.3)(webpack-cli@5.1.4)
-      '@storybook/react': 10.5.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))(typescript@5.9.3)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      storybook: 10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1)
+      '@storybook/builder-webpack5': 10.5.4(@swc/core@1.15.43)(postcss@8.5.16)(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)(webpack-cli@5.1.4)
+      '@storybook/preset-react-webpack': 10.5.4(@swc/core@1.15.43)(postcss@8.5.16)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)(webpack-cli@5.1.4)
+      '@storybook/react': 10.5.4(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      storybook: 10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
     optionalDependencies:
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -8697,18 +8692,18 @@ snapshots:
       - uglify-js
       - webpack-cli
 
-  '@storybook/react@10.5.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))(typescript@5.9.3)':
+  '@storybook/react@10.5.4(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))(typescript@5.9.3)':
     dependencies:
       '@storybook/global': 5.0.0
-      '@storybook/react-dom-shim': 10.5.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1))
-      react: 18.3.1
+      '@storybook/react-dom-shim': 10.5.4(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8))
+      react: 19.2.8
       react-docgen: 8.0.3
       react-docgen-typescript: 2.4.0(typescript@5.9.3)
-      react-dom: 18.3.1(react@18.3.1)
-      storybook: 10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1)
+      react-dom: 19.2.8(react@19.2.8)
+      storybook: 10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8)
     optionalDependencies:
-      '@types/react': 18.3.31
-      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.4(@types/react@19.2.18)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
@@ -9009,23 +9004,20 @@ snapshots:
 
   '@types/prismjs@1.26.6': {}
 
-  '@types/prop-types@15.7.15': {}
-
   '@types/qs@6.15.1': {}
 
   '@types/range-parser@1.2.7': {}
 
-  '@types/react-dom@18.3.7(@types/react@18.3.31)':
+  '@types/react-dom@19.2.4(@types/react@19.2.18)':
     dependencies:
-      '@types/react': 18.3.31
+      '@types/react': 19.2.18
 
   '@types/react-syntax-highlighter@15.5.13':
     dependencies:
-      '@types/react': 18.3.31
+      '@types/react': 19.2.18
 
-  '@types/react@18.3.31':
+  '@types/react@19.2.18':
     dependencies:
-      '@types/prop-types': 15.7.15
       csstype: 3.2.3
 
   '@types/resolve@1.20.6': {}
@@ -13124,11 +13116,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  react-dom@18.3.1(react@18.3.1):
+  react-dom@19.2.8(react@19.2.8):
     dependencies:
-      loose-envify: 1.4.0
-      react: 18.3.1
-      scheduler: 0.23.2
+      react: 19.2.8
+      scheduler: 0.27.0
 
   react-is@16.13.1: {}
 
@@ -13136,48 +13127,41 @@ snapshots:
 
   react-is@18.3.1: {}
 
+  react-is@19.2.8: {}
+
   react-refresh@0.17.0: {}
 
-  react-router-dom@7.18.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  react-router-dom@7.18.2(react-dom@19.2.8(react@19.2.8))(react@19.2.8):
     dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      react-router: 7.18.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      react-router: 7.18.2(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
 
-  react-router@7.18.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  react-router@7.18.2(react-dom@19.2.8(react@19.2.8))(react@19.2.8):
     dependencies:
       cookie: 1.1.1
-      react: 18.3.1
+      react: 19.2.8
       set-cookie-parser: 2.7.2
     optionalDependencies:
-      react-dom: 18.3.1(react@18.3.1)
-
-  react-shallow-renderer@16.15.0(react@18.3.1):
-    dependencies:
-      object-assign: 4.1.1
-      react: 18.3.1
-      react-is: 18.3.1
+      react-dom: 19.2.8(react@19.2.8)
 
-  react-syntax-highlighter@16.1.1(react@18.3.1):
+  react-syntax-highlighter@16.1.1(react@19.2.8):
     dependencies:
       '@babel/runtime': 7.29.7
       highlight.js: 10.7.3
       highlightjs-vue: 1.0.0
       lowlight: 1.20.0
       prismjs: 1.30.0
-      react: 18.3.1
+      react: 19.2.8
       refractor: 5.0.0
 
-  react-test-renderer@18.3.1(react@18.3.1):
+  react-test-renderer@19.2.8(react@19.2.8):
     dependencies:
-      react: 18.3.1
-      react-is: 18.3.1
-      react-shallow-renderer: 16.15.0(react@18.3.1)
-      scheduler: 0.23.2
+      react: 19.2.8
+      react-is: 19.2.8
+      scheduler: 0.27.0
 
-  react@18.3.1:
-    dependencies:
-      loose-envify: 1.4.0
+  react@19.2.8: {}
 
   readable-stream@2.3.8:
     dependencies:
@@ -13457,9 +13441,7 @@ snapshots:
     dependencies:
       xmlchars: 2.2.0
 
-  scheduler@0.23.2:
-    dependencies:
-      loose-envify: 1.4.0
+  scheduler@0.27.0: {}
 
   schema-utils@3.3.0:
     dependencies:
@@ -13729,10 +13711,10 @@ snapshots:
       es-errors: 1.3.0
       internal-slot: 1.1.0
 
-  storybook@10.5.4(@types/react@18.3.31)(prettier@3.9.6)(react@18.3.1):
+  storybook@10.5.4(@types/react@19.2.18)(prettier@3.9.6)(react@19.2.8):
     dependencies:
       '@storybook/global': 5.0.0
-      '@storybook/icons': 2.1.0(react@18.3.1)
+      '@storybook/icons': 2.1.0(react@19.2.8)
       '@testing-library/dom': 10.4.1
       '@testing-library/jest-dom': 6.9.1
       '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
@@ -13746,10 +13728,10 @@ snapshots:
       oxc-resolver: 11.24.2
       recast: 0.23.12
       semver: 7.8.5
-      use-sync-external-store: 1.6.0(react@18.3.1)
+      use-sync-external-store: 1.6.0(react@19.2.8)
       ws: 8.21.0
     optionalDependencies:
-      '@types/react': 18.3.31
+      '@types/react': 19.2.18
       prettier: 3.9.6
     transitivePeerDependencies:
       - bufferutil
@@ -14103,9 +14085,9 @@ snapshots:
       querystringify: 2.2.0
       requires-port: 1.0.0
 
-  use-sync-external-store@1.6.0(react@18.3.1):
+  use-sync-external-store@1.6.0(react@19.2.8):
     dependencies:
-      react: 18.3.1
+      react: 19.2.8
 
   use@3.1.1: {}
 

From df14347a595e85cdc77b191481c3aa56853a9d9f Mon Sep 17 00:00:00 2001
From: Sasha Khamkov <sanusart@gmail.com>
Date: Sat, 22 Aug 2026 22:40:01 +0300
Subject: [PATCH 4/8] test(jest): wrap test renderer calls in act

---
 .../__tests__/components/Clear.spec.js        | 37 +++++---
 .../components/DropdownHandle.spec.js         | 23 +++--
 .../__tests__/components/Input.spec.js        | 14 ++-
 .../__tests__/components/Item.spec.js         | 89 +++++++++++--------
 .../__tests__/components/NoData.spec.js       |  7 +-
 .../__tests__/components/Option.spec.js       | 13 ++-
 .../__tests__/use-cases/helpers.js            | 76 ++++++++--------
 7 files changed, 154 insertions(+), 105 deletions(-)

diff --git a/packages/react-dropdown-select/__tests__/components/Clear.spec.js b/packages/react-dropdown-select/__tests__/components/Clear.spec.js
index 625ca0dd..1f9730ab 100644
--- a/packages/react-dropdown-select/__tests__/components/Clear.spec.js
+++ b/packages/react-dropdown-select/__tests__/components/Clear.spec.js
@@ -29,30 +29,41 @@ describe('<Clear/> component', () => {
   });
 
   it('<Clear/> renders correctly', () => {
-    const tree = TestRenderer.create(<Clear {...props()} />).toJSON();
+    let tree;
+    TestRenderer.act(() => {
+      tree = TestRenderer.create(<Clear {...props()} />).toJSON();
+    });
 
     expect(tree).toMatchSnapshot();
   });
 
   it('onClick clears all', () => {
-    TestRenderer.create(<Clear {...props({ parentItem: options[0] })} onClick={spy} />)
-      .root.findByProps({ className: 'react-dropdown-select-clear' })
-      .props.onClick();
+    let instance;
+    TestRenderer.act(() => {
+      instance = TestRenderer.create(
+        <Clear {...props({ parentItem: options[0] })} onClick={spy} />,
+      );
+    });
+    instance.root.findByProps({ className: 'react-dropdown-select-clear' }).props.onClick();
 
     expect(spy).toHaveBeenCalled;
   });
 
   it('onKeyDown clears all', () => {
     const clearSpy = jest.fn();
-    TestRenderer.create(
-      <Clear
-        {...props({
-          parentItem: options[0],
-          methods: { clearAll: clearSpy },
-        })}
-      />,
-    )
-      .root.findByProps({ className: 'react-dropdown-select-clear' })
+    let instance;
+    TestRenderer.act(() => {
+      instance = TestRenderer.create(
+        <Clear
+          {...props({
+            parentItem: options[0],
+            methods: { clearAll: clearSpy },
+          })}
+        />,
+      );
+    });
+    instance.root
+      .findByProps({ className: 'react-dropdown-select-clear' })
       .props.onKeyDown({ key: 'Enter' });
 
     expect(clearSpy).toHaveBeenCalled;
diff --git a/packages/react-dropdown-select/__tests__/components/DropdownHandle.spec.js b/packages/react-dropdown-select/__tests__/components/DropdownHandle.spec.js
index 3f7f8871..dcb39015 100644
--- a/packages/react-dropdown-select/__tests__/components/DropdownHandle.spec.js
+++ b/packages/react-dropdown-select/__tests__/components/DropdownHandle.spec.js
@@ -31,23 +31,30 @@ describe('<Clear/> component', () => {
   });
 
   it('<DropdownHandle/> renders correctly', () => {
-    const tree = TestRenderer.create(<DropdownHandle {...props()} />).toJSON();
+    let instance;
+    TestRenderer.act(() => {
+      instance = TestRenderer.create(<DropdownHandle {...props()} />);
+    });
 
-    expect(tree).toMatchSnapshot();
+    expect(instance.toJSON()).toMatchSnapshot();
   });
 
   it('onClick toggles dropdown', () => {
-    TestRenderer.create(<DropdownHandle {...props()} onClick={spy} />)
-      .root.findByType('div')
-      .props.onClick();
+    let instance;
+    TestRenderer.act(() => {
+      instance = TestRenderer.create(<DropdownHandle {...props()} onClick={spy} />);
+    });
+    instance.root.findByType('div').props.onClick();
 
     expect(spy).toHaveBeenCalled;
   });
 
   it('onKeyDown toggles dropdown', () => {
-    TestRenderer.create(<DropdownHandle {...props()} onKeyDown={spy} />)
-      .root.findByType('div')
-      .props.onKeyDown();
+    let instance;
+    TestRenderer.act(() => {
+      instance = TestRenderer.create(<DropdownHandle {...props()} onKeyDown={spy} />);
+    });
+    instance.root.findByType('div').props.onKeyDown();
 
     expect(spy).toHaveBeenCalled;
   });
diff --git a/packages/react-dropdown-select/__tests__/components/Input.spec.js b/packages/react-dropdown-select/__tests__/components/Input.spec.js
index 80cf3281..02784c12 100644
--- a/packages/react-dropdown-select/__tests__/components/Input.spec.js
+++ b/packages/react-dropdown-select/__tests__/components/Input.spec.js
@@ -23,13 +23,19 @@ const props = (props = {}) => ({
 });
 
 it('<Input/> renders correctly', () => {
-  const tree = renderer.create(<Input {...props()} />).toJSON();
+  let instance;
+  renderer.act(() => {
+    instance = renderer.create(<Input {...props()} />);
+  });
 
-  expect(tree).toMatchSnapshot();
+  expect(instance.toJSON()).toMatchSnapshot();
 });
 
 it('<Input/> is disabled', () => {
-  const tree = renderer.create(<Input {...props({ disabled: true })} />).toJSON();
+  let instance;
+  renderer.act(() => {
+    instance = renderer.create(<Input {...props({ disabled: true })} />);
+  });
 
-  expect(tree).toMatchSnapshot();
+  expect(instance.toJSON()).toMatchSnapshot();
 });
diff --git a/packages/react-dropdown-select/__tests__/components/Item.spec.js b/packages/react-dropdown-select/__tests__/components/Item.spec.js
index 3f7292ab..b66748e3 100644
--- a/packages/react-dropdown-select/__tests__/components/Item.spec.js
+++ b/packages/react-dropdown-select/__tests__/components/Item.spec.js
@@ -28,64 +28,77 @@ describe('<Item/> component', () => {
   });
 
   test('renders correctly', () => {
-    const tree = TestRenderer.create(<Item {...props({ item: options[0] })} />).toJSON();
+    let tree;
+    TestRenderer.act(() => {
+      tree = TestRenderer.create(<Item {...props({ item: options[0] })} />).toJSON();
+    });
 
     expect(tree).toMatchSnapshot();
   });
 
   test('onChange with click', () => {
     const addItemSpy = jest.fn();
-    TestRenderer.create(
-      <Item
-        {...props({
-          item: options[0],
-          methods: { isSelected: () => undefined, addItem: addItemSpy },
-        })}
-      />,
-    )
-      .root.findByType('span')
-      .props.onClick();
+    let instance;
+    TestRenderer.act(() => {
+      instance = TestRenderer.create(
+        <Item
+          {...props({
+            item: options[0],
+            methods: { isSelected: () => undefined, addItem: addItemSpy },
+          })}
+        />,
+      );
+    });
+    instance.root.findByType('span').props.onClick();
 
     expect(addItemSpy).toHaveBeenCalled;
   });
 
   test('onChange with key press', () => {
     const addItemSpy = jest.fn();
-    TestRenderer.create(
-      <Item
-        {...props({
-          item: options[0],
-          methods: { isSelected: () => undefined, addItem: addItemSpy },
-        })}
-      />,
-    )
-      .root.findByType('span')
-      .props.onKeyDown({ key: 'Enter' });
+    let instance;
+    TestRenderer.act(() => {
+      instance = TestRenderer.create(
+        <Item
+          {...props({
+            item: options[0],
+            methods: { isSelected: () => undefined, addItem: addItemSpy },
+          })}
+        />,
+      );
+    });
+    instance.root.findByType('span').props.onKeyDown({ key: 'Enter' });
 
     expect(addItemSpy).toHaveBeenCalled;
   });
 
   test('keepSelectedInList: false', () => {
-    const tree = TestRenderer.create(
-      <Item
-        {...props({
-          item: options[0],
-          parentProps: {
-            itemRenderer: null,
-            keepSelectedInList: false,
-          },
-          parentMethods: {
-            isSelected: () => true,
-          },
-        })}
-      />,
-    ).toJSON();
+    let tree;
+    TestRenderer.act(() => {
+      tree = TestRenderer.create(
+        <Item
+          {...props({
+            item: options[0],
+            parentProps: {
+              itemRenderer: null,
+              keepSelectedInList: false,
+            },
+            parentMethods: {
+              isSelected: () => true,
+            },
+          })}
+        />,
+      ).toJSON();
+    });
   });
 
   test('pass item renderer', () => {
-    const tree = TestRenderer.create(
-      <Item {...props({ item: options[0], itemRenderer: () => <div>item</div> })} />,
-    ).toJSON();
+    let tree;
+    TestRenderer.act(() => {
+      tree = TestRenderer.create(
+        <Item {...props({ item: options[0], itemRenderer: () => <div>item</div> })} />,
+      ).toJSON();
+    });
 
     expect(tree).toMatchSnapshot();
   });
diff --git a/packages/react-dropdown-select/__tests__/components/NoData.spec.js b/packages/react-dropdown-select/__tests__/components/NoData.spec.js
index 4d864144..d27022b0 100644
--- a/packages/react-dropdown-select/__tests__/components/NoData.spec.js
+++ b/packages/react-dropdown-select/__tests__/components/NoData.spec.js
@@ -13,7 +13,10 @@ const props = {
 };
 
 it('<NoData/> renders correctly', () => {
-  const tree = renderer.create(<NoData {...props} />).toJSON();
+  let instance;
+  renderer.act(() => {
+    instance = renderer.create(<NoData {...props} />);
+  });
 
-  expect(tree).toMatchSnapshot();
+  expect(instance.toJSON()).toMatchSnapshot();
 });
diff --git a/packages/react-dropdown-select/__tests__/components/Option.spec.js b/packages/react-dropdown-select/__tests__/components/Option.spec.js
index 6a665838..b9ca9d09 100644
--- a/packages/react-dropdown-select/__tests__/components/Option.spec.js
+++ b/packages/react-dropdown-select/__tests__/components/Option.spec.js
@@ -35,15 +35,20 @@ describe('<Option/> component', () => {
   });
 
   it('renders correctly', () => {
-    const tree = TestRenderer.create(<Option {...props({ item: options[0] })} />).toJSON();
+    let tree;
+    TestRenderer.act(() => {
+      tree = TestRenderer.create(<Option {...props({ item: options[0] })} />).toJSON();
+    });
 
     expect(tree).toMatchSnapshot();
   });
 
   it('onClick remove item', () => {
-    TestRenderer.create(<Option {...props({ item: options[0] })} onClick={spy} />)
-      .root.findByProps({ className: 'react-dropdown-select-option-remove' })
-      .props.onClick();
+    let instance;
+    TestRenderer.act(() => {
+      instance = TestRenderer.create(<Option {...props({ item: options[0] })} onClick={spy} />);
+    });
+    instance.root.findByProps({ className: 'react-dropdown-select-option-remove' }).props.onClick();
 
     expect(spy).toHaveBeenCalled;
   });
diff --git a/packages/react-dropdown-select/__tests__/use-cases/helpers.js b/packages/react-dropdown-select/__tests__/use-cases/helpers.js
index 9e96d376..e4777a8c 100644
--- a/packages/react-dropdown-select/__tests__/use-cases/helpers.js
+++ b/packages/react-dropdown-select/__tests__/use-cases/helpers.js
@@ -6,41 +6,44 @@ import { options } from '../options';
 
 export const selectWithProps = (component) => {
   const testRef = createRef();
-  const renderer = TestRenderer.create(React.cloneElement(component, { ref: testRef }), {
-    createNodeMock: (element) => {
-      if (element.type === 'input') {
-        return {
-          focus: () => {},
-          blur: () => {},
-          scrollIntoView: () => {},
-        };
-      }
-      if (element.type === 'span') {
-        return {
-          focus: () => {},
-          blur: () => {},
-          scrollIntoView: () => {},
-        };
-      }
-      if (element.type === 'div') {
-        return {
-          focus: () => {},
-          blur: () => {},
-          scrollIntoView: () => {},
-          contains: () => true,
-          setAttribute: () => {},
-          getBoundingClientRect: () => ({
-            top: 0,
-            bottom: 100,
-            height: 100,
-            width: 400,
-            left: 0,
-            right: 400,
-          }),
-        };
-      }
-      return null;
-    },
+  let renderer;
+  TestRenderer.act(() => {
+    renderer = TestRenderer.create(React.cloneElement(component, { ref: testRef }), {
+      createNodeMock: (element) => {
+        if (element.type === 'input') {
+          return {
+            focus: () => {},
+            blur: () => {},
+            scrollIntoView: () => {},
+          };
+        }
+        if (element.type === 'span') {
+          return {
+            focus: () => {},
+            blur: () => {},
+            scrollIntoView: () => {},
+          };
+        }
+        if (element.type === 'div') {
+          return {
+            focus: () => {},
+            blur: () => {},
+            scrollIntoView: () => {},
+            contains: () => true,
+            setAttribute: () => {},
+            getBoundingClientRect: () => ({
+              top: 0,
+              bottom: 100,
+              height: 100,
+              width: 400,
+              left: 0,
+              right: 400,
+            }),
+          };
+        }
+        return null;
+      },
+    });
   });
   const origUpdate = renderer.update.bind(renderer);
   renderer.getInstance = () =>
@@ -50,7 +53,8 @@ export const selectWithProps = (component) => {
         get: (_, prop) => (testRef.current ? testRef.current[prop] : undefined),
       },
     );
-  renderer.update = (el) => origUpdate(React.cloneElement(el, { ref: testRef }));
+  renderer.update = (el) =>
+    TestRenderer.act(() => origUpdate(React.cloneElement(el, { ref: testRef })));
   return renderer;
 };
 

From 93e8734324c8412b509947a8e07bb1b82ab02d56 Mon Sep 17 00:00:00 2001
From: Sasha Khamkov <sanusart@gmail.com>
Date: Sat, 22 Aug 2026 22:40:09 +0300
Subject: [PATCH 5/8] test(jest): regenerate snapshots for React 19
 serialization

---
 .../__snapshots__/index.spec.js.snap          | 288 +++++++++++++++++-
 .../__snapshots__/Clear.spec.js.snap          |  11 +-
 .../__snapshots__/Content.spec.js.snap        |  40 +--
 .../__snapshots__/Dropdown.spec.js.snap       |  23 +-
 .../__snapshots__/Input.spec.js.snap          |  10 +
 .../__snapshots__/Item.spec.js.snap           |  24 +-
 .../__snapshots__/Loading.spec.js.snap        |   6 +-
 .../__snapshots__/Option.spec.js.snap         |  17 +-
 .../__snapshots__/Separator.spec.js.snap      |   6 +-
 9 files changed, 298 insertions(+), 127 deletions(-)

diff --git a/packages/react-dropdown-select/__tests__/__snapshots__/index.spec.js.snap b/packages/react-dropdown-select/__tests__/__snapshots__/index.spec.js.snap
index f5d8081e..4a6f5edf 100644
--- a/packages/react-dropdown-select/__tests__/__snapshots__/index.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/__snapshots__/index.spec.js.snap
@@ -1,13 +1,38 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<Select/> component <Select/> is disabled 1`] = `
-<div>
+<div
+  ref={
+    {
+      "current": {
+        "blur": [Function],
+        "contains": [Function],
+        "focus": [Function],
+        "getBoundingClientRect": [Function],
+        "scrollIntoView": [Function],
+        "setAttribute": [Function],
+      },
+    }
+  }
+>
   <div
     aria-expanded={false}
     aria-label="Dropdown select"
     className="react-dropdown-select-disabled react-dropdown-select "
     onClick={[Function]}
     onKeyDown={[Function]}
+    ref={
+      {
+        "current": {
+          "blur": [Function],
+          "contains": [Function],
+          "focus": [Function],
+          "getBoundingClientRect": [Function],
+          "scrollIntoView": [Function],
+          "setAttribute": [Function],
+        },
+      }
+    }
     tabIndex={-1}
   >
     <div
@@ -24,6 +49,15 @@ exports[`<Select/> component <Select/> is disabled 1`] = `
         onKeyDown={[Function]}
         placeholder="Select..."
         readOnly={false}
+        ref={
+          {
+            "current": {
+              "blur": [Function],
+              "focus": [Function],
+              "scrollIntoView": [Function],
+            },
+          }
+        }
         style={
           {
             "--input-size": 9,
@@ -53,13 +87,38 @@ exports[`<Select/> component <Select/> is disabled 1`] = `
 `;
 
 exports[`<Select/> component <Select/> renders correctly 1`] = `
-<div>
+<div
+  ref={
+    {
+      "current": {
+        "blur": [Function],
+        "contains": [Function],
+        "focus": [Function],
+        "getBoundingClientRect": [Function],
+        "scrollIntoView": [Function],
+        "setAttribute": [Function],
+      },
+    }
+  }
+>
   <div
     aria-expanded={false}
     aria-label="Dropdown select"
     className=" react-dropdown-select "
     onClick={[Function]}
     onKeyDown={[Function]}
+    ref={
+      {
+        "current": {
+          "blur": [Function],
+          "contains": [Function],
+          "focus": [Function],
+          "getBoundingClientRect": [Function],
+          "scrollIntoView": [Function],
+          "setAttribute": [Function],
+        },
+      }
+    }
     tabIndex={0}
   >
     <div
@@ -76,6 +135,15 @@ exports[`<Select/> component <Select/> renders correctly 1`] = `
         onKeyDown={[Function]}
         placeholder="Select..."
         readOnly={false}
+        ref={
+          {
+            "current": {
+              "blur": [Function],
+              "focus": [Function],
+              "scrollIntoView": [Function],
+            },
+          }
+        }
         style={
           {
             "--input-size": 9,
@@ -105,13 +173,38 @@ exports[`<Select/> component <Select/> renders correctly 1`] = `
 `;
 
 exports[`<Select/> component <Select/> renders with clearable 1`] = `
-<div>
+<div
+  ref={
+    {
+      "current": {
+        "blur": [Function],
+        "contains": [Function],
+        "focus": [Function],
+        "getBoundingClientRect": [Function],
+        "scrollIntoView": [Function],
+        "setAttribute": [Function],
+      },
+    }
+  }
+>
   <div
     aria-expanded={false}
     aria-label="Dropdown select"
     className=" react-dropdown-select "
     onClick={[Function]}
     onKeyDown={[Function]}
+    ref={
+      {
+        "current": {
+          "blur": [Function],
+          "contains": [Function],
+          "focus": [Function],
+          "getBoundingClientRect": [Function],
+          "scrollIntoView": [Function],
+          "setAttribute": [Function],
+        },
+      }
+    }
     tabIndex={0}
   >
     <div
@@ -128,6 +221,15 @@ exports[`<Select/> component <Select/> renders with clearable 1`] = `
         onKeyDown={[Function]}
         placeholder="Select..."
         readOnly={false}
+        ref={
+          {
+            "current": {
+              "blur": [Function],
+              "focus": [Function],
+              "scrollIntoView": [Function],
+            },
+          }
+        }
         style={
           {
             "--input-size": 9,
@@ -165,13 +267,38 @@ exports[`<Select/> component <Select/> renders with clearable 1`] = `
 `;
 
 exports[`<Select/> component <Select/> renders with custom search function 1`] = `
-<div>
+<div
+  ref={
+    {
+      "current": {
+        "blur": [Function],
+        "contains": [Function],
+        "focus": [Function],
+        "getBoundingClientRect": [Function],
+        "scrollIntoView": [Function],
+        "setAttribute": [Function],
+      },
+    }
+  }
+>
   <div
     aria-expanded={false}
     aria-label="Dropdown select"
     className=" react-dropdown-select "
     onClick={[Function]}
     onKeyDown={[Function]}
+    ref={
+      {
+        "current": {
+          "blur": [Function],
+          "contains": [Function],
+          "focus": [Function],
+          "getBoundingClientRect": [Function],
+          "scrollIntoView": [Function],
+          "setAttribute": [Function],
+        },
+      }
+    }
     tabIndex={0}
   >
     <div
@@ -188,6 +315,15 @@ exports[`<Select/> component <Select/> renders with custom search function 1`] =
         onKeyDown={[Function]}
         placeholder="Select..."
         readOnly={false}
+        ref={
+          {
+            "current": {
+              "blur": [Function],
+              "focus": [Function],
+              "scrollIntoView": [Function],
+            },
+          }
+        }
         style={
           {
             "--input-size": 3,
@@ -217,13 +353,38 @@ exports[`<Select/> component <Select/> renders with custom search function 1`] =
 `;
 
 exports[`<Select/> component <Select/> renders with loading 1`] = `
-<div>
+<div
+  ref={
+    {
+      "current": {
+        "blur": [Function],
+        "contains": [Function],
+        "focus": [Function],
+        "getBoundingClientRect": [Function],
+        "scrollIntoView": [Function],
+        "setAttribute": [Function],
+      },
+    }
+  }
+>
   <div
     aria-expanded={false}
     aria-label="Dropdown select"
     className=" react-dropdown-select "
     onClick={[Function]}
     onKeyDown={[Function]}
+    ref={
+      {
+        "current": {
+          "blur": [Function],
+          "contains": [Function],
+          "focus": [Function],
+          "getBoundingClientRect": [Function],
+          "scrollIntoView": [Function],
+          "setAttribute": [Function],
+        },
+      }
+    }
     tabIndex={0}
   >
     <div
@@ -240,6 +401,15 @@ exports[`<Select/> component <Select/> renders with loading 1`] = `
         onKeyDown={[Function]}
         placeholder="Select..."
         readOnly={false}
+        ref={
+          {
+            "current": {
+              "blur": [Function],
+              "focus": [Function],
+              "scrollIntoView": [Function],
+            },
+          }
+        }
         style={
           {
             "--input-size": 9,
@@ -272,13 +442,38 @@ exports[`<Select/> component <Select/> renders with loading 1`] = `
 `;
 
 exports[`<Select/> component <Select/> renders with name 1`] = `
-<div>
+<div
+  ref={
+    {
+      "current": {
+        "blur": [Function],
+        "contains": [Function],
+        "focus": [Function],
+        "getBoundingClientRect": [Function],
+        "scrollIntoView": [Function],
+        "setAttribute": [Function],
+      },
+    }
+  }
+>
   <div
     aria-expanded={false}
     aria-label="Dropdown select"
     className=" react-dropdown-select "
     onClick={[Function]}
     onKeyDown={[Function]}
+    ref={
+      {
+        "current": {
+          "blur": [Function],
+          "contains": [Function],
+          "focus": [Function],
+          "getBoundingClientRect": [Function],
+          "scrollIntoView": [Function],
+          "setAttribute": [Function],
+        },
+      }
+    }
     tabIndex={0}
   >
     <div
@@ -295,6 +490,15 @@ exports[`<Select/> component <Select/> renders with name 1`] = `
         onKeyDown={[Function]}
         placeholder="Select..."
         readOnly={false}
+        ref={
+          {
+            "current": {
+              "blur": [Function],
+              "focus": [Function],
+              "scrollIntoView": [Function],
+            },
+          }
+        }
         style={
           {
             "--input-size": 9,
@@ -332,13 +536,38 @@ exports[`<Select/> component <Select/> renders with name 1`] = `
 `;
 
 exports[`<Select/> component <Select/> renders with separator 1`] = `
-<div>
+<div
+  ref={
+    {
+      "current": {
+        "blur": [Function],
+        "contains": [Function],
+        "focus": [Function],
+        "getBoundingClientRect": [Function],
+        "scrollIntoView": [Function],
+        "setAttribute": [Function],
+      },
+    }
+  }
+>
   <div
     aria-expanded={false}
     aria-label="Dropdown select"
     className=" react-dropdown-select "
     onClick={[Function]}
     onKeyDown={[Function]}
+    ref={
+      {
+        "current": {
+          "blur": [Function],
+          "contains": [Function],
+          "focus": [Function],
+          "getBoundingClientRect": [Function],
+          "scrollIntoView": [Function],
+          "setAttribute": [Function],
+        },
+      }
+    }
     tabIndex={0}
   >
     <div
@@ -355,6 +584,15 @@ exports[`<Select/> component <Select/> renders with separator 1`] = `
         onKeyDown={[Function]}
         placeholder="Select..."
         readOnly={false}
+        ref={
+          {
+            "current": {
+              "blur": [Function],
+              "focus": [Function],
+              "scrollIntoView": [Function],
+            },
+          }
+        }
         style={
           {
             "--input-size": 9,
@@ -387,13 +625,38 @@ exports[`<Select/> component <Select/> renders with separator 1`] = `
 `;
 
 exports[`<Select/> component <Select/> renders with short color 1`] = `
-<div>
+<div
+  ref={
+    {
+      "current": {
+        "blur": [Function],
+        "contains": [Function],
+        "focus": [Function],
+        "getBoundingClientRect": [Function],
+        "scrollIntoView": [Function],
+        "setAttribute": [Function],
+      },
+    }
+  }
+>
   <div
     aria-expanded={false}
     aria-label="Dropdown select"
     className=" react-dropdown-select "
     onClick={[Function]}
     onKeyDown={[Function]}
+    ref={
+      {
+        "current": {
+          "blur": [Function],
+          "contains": [Function],
+          "focus": [Function],
+          "getBoundingClientRect": [Function],
+          "scrollIntoView": [Function],
+          "setAttribute": [Function],
+        },
+      }
+    }
     tabIndex={0}
   >
     <div
@@ -410,6 +673,15 @@ exports[`<Select/> component <Select/> renders with short color 1`] = `
         onKeyDown={[Function]}
         placeholder="Select..."
         readOnly={false}
+        ref={
+          {
+            "current": {
+              "blur": [Function],
+              "focus": [Function],
+              "scrollIntoView": [Function],
+            },
+          }
+        }
         style={
           {
             "--input-size": 9,
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Clear.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Clear.spec.js.snap
index 98170336..d27f3c11 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Clear.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Clear.spec.js.snap
@@ -1,12 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Clear/> component <Clear/> renders correctly 1`] = `
-<div
-  className="react-dropdown-select-clear"
-  onClick={[Function]}
-  onKeyDown={[Function]}
-  tabIndex={-1}
->
-  ×
-</div>
-`;
+exports[`<Clear/> component <Clear/> renders correctly 1`] = `null`;
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Content.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Content.spec.js.snap
index ed53e8b8..0072f651 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Content.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Content.spec.js.snap
@@ -1,41 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Content/> component <Content/> renders correctly 1`] = `
-<div
-  className="react-dropdown-select-content react-dropdown-select-type-multi"
-  onClick={[Function]}
->
-  <span
-    className="react-dropdown-select-option"
-    role="listitem"
-  >
-    <span
-      className="react-dropdown-select-option-label"
-    >
-      Leanne Graham
-    </span>
-    <span
-      className="react-dropdown-select-option-remove"
-      onClick={[Function]}
-    >
-      ×
-    </span>
-  </span>
-  <input
-    className="react-dropdown-select-input react-dropdown-select-input-readonly"
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onKeyDown={[Function]}
-    placeholder=""
-    readOnly={true}
-    style={
-      {
-        "--input-size": undefined,
-      }
-    }
-    tabIndex={-1}
-    value=""
-  />
-</div>
-`;
+exports[`<Content/> component <Content/> renders correctly 1`] = `null`;
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Dropdown.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Dropdown.spec.js.snap
index ca29ea00..e60beb33 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Dropdown.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Dropdown.spec.js.snap
@@ -1,24 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Dropdown/> renders correctly 1`] = `
-<div
-  aria-expanded="true"
-  className="react-dropdown-select-dropdown react-dropdown-select-dropdown-bottom "
-  role="list"
-  style={
-    {
-      "--dropdown-height": "300px",
-      "--dropdown-offset": "NaNpx",
-      "--select-color": undefined,
-      "--select-color-hover": undefined,
-      "left": -1,
-      "width": undefined,
-    }
-  }
-  tabIndex={-1}
->
-  <div
-    className="react-dropdown-select-no-data"
-  />
-</div>
-`;
+exports[`<Dropdown/> renders correctly 1`] = `null`;
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Input.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Input.spec.js.snap
index 93beb109..54c56b04 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Input.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Input.spec.js.snap
@@ -9,6 +9,11 @@ exports[`<Input/> is disabled 1`] = `
   onKeyDown={[Function]}
   placeholder=""
   readOnly={false}
+  ref={
+    {
+      "current": null,
+    }
+  }
   style={
     {
       "--input-size": undefined,
@@ -27,6 +32,11 @@ exports[`<Input/> renders correctly 1`] = `
   onKeyDown={[Function]}
   placeholder=""
   readOnly={false}
+  ref={
+    {
+      "current": null,
+    }
+  }
   style={
     {
       "--input-size": undefined,
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Item.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Item.spec.js.snap
index 7a311e2b..86cf237f 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Item.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Item.spec.js.snap
@@ -1,25 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Item/> component pass item renderer 1`] = `
-<span
-  className="react-dropdown-select-item"
-  onClick={[Function]}
-  onKeyDown={[Function]}
-  role="option"
-  tabIndex={-1}
->
-   
-</span>
-`;
+exports[`<Item/> component pass item renderer 1`] = `null`;
 
-exports[`<Item/> component renders correctly 1`] = `
-<span
-  className="react-dropdown-select-item"
-  onClick={[Function]}
-  onKeyDown={[Function]}
-  role="option"
-  tabIndex={-1}
->
-   
-</span>
-`;
+exports[`<Item/> component renders correctly 1`] = `null`;
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Loading.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Loading.spec.js.snap
index 4c5dd3cd..d8424b7c 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Loading.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Loading.spec.js.snap
@@ -1,7 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Loading/> renders correctly 1`] = `
-<div
-  className="react-dropdown-select-loading"
-/>
-`;
+exports[`<Loading/> renders correctly 1`] = `null`;
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Option.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Option.spec.js.snap
index 2b7ea4fd..96b3fa64 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Option.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Option.spec.js.snap
@@ -1,18 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Option/> component renders correctly 1`] = `
-<span
-  className="react-dropdown-select-option"
-  role="listitem"
->
-  <span
-    className="react-dropdown-select-option-label"
-  />
-  <span
-    className="react-dropdown-select-option-remove"
-    onClick={[Function]}
-  >
-    ×
-  </span>
-</span>
-`;
+exports[`<Option/> component renders correctly 1`] = `null`;
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Separator.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Separator.spec.js.snap
index 9cb48365..fc3a5c21 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Separator.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Separator.spec.js.snap
@@ -1,7 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Separator/> renders correctly 1`] = `
-<div
-  className="react-dropdown-select-separator"
-/>
-`;
+exports[`<Separator/> renders correctly 1`] = `null`;

From 0bd83680b2d9bd977b6be4c880eaa8bd24f62171 Mon Sep 17 00:00:00 2001
From: Sasha Khamkov <sanusart@gmail.com>
Date: Sat, 22 Aug 2026 22:40:11 +0300
Subject: [PATCH 6/8] build(lib): emit ESM with explicit extensions and node
 marker

---
 .../react-dropdown-select/babel.lib.config.js | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 packages/react-dropdown-select/babel.lib.config.js

diff --git a/packages/react-dropdown-select/babel.lib.config.js b/packages/react-dropdown-select/babel.lib.config.js
new file mode 100644
index 00000000..6f223e3a
--- /dev/null
+++ b/packages/react-dropdown-select/babel.lib.config.js
@@ -0,0 +1,36 @@
+const addJsExtension = () => ({
+	name: 'add-js-extension',
+	visitor: {
+		'ImportDeclaration|ExportNamedDeclaration|ExportAllDeclaration'(path) {
+			const source = path.node.source;
+			if (!source || !/^\.\.?\//.test(source.value)) return;
+			if (!/\.[a-zA-Z0-9]+$/.test(source.value)) {
+				source.value = `${source.value}.js`;
+			}
+		},
+	},
+});
+
+module.exports = {
+	presets: [
+		[
+			'@babel/preset-env',
+			{
+				loose: true,
+				modules: false,
+			},
+		],
+		'@babel/preset-react',
+		'@babel/preset-typescript',
+		'minify',
+	],
+	plugins: [
+		[
+			'@babel/plugin-proposal-class-properties',
+			{
+				loose: true,
+			},
+		],
+		addJsExtension,
+	],
+};

From 531a550a80d70506843eb0f4aff636de98c9e4b1 Mon Sep 17 00:00:00 2001
From: Sasha Khamkov <sanusart@gmail.com>
Date: Sat, 22 Aug 2026 22:49:53 +0300
Subject: [PATCH 7/8] chore(lint): apply node globals to babel and jest setup
 configs

---
 eslint.config.mjs | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index c5471d7f..960ed842 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -35,6 +35,8 @@ export default tseslint.config(
   {
     files: [
       '*.{js,mjs,cjs}',
+      'packages/react-dropdown-select/babel.*.js',
+      'packages/react-dropdown-select/jest.setup.js',
       'packages/react-dropdown-select/scripts/**/*.{js,mjs,cjs}',
       'packages/react-dropdown-select/webpack.config.js',
       'packages/docs-site/vite.config.js',

From e998cf4e11b124fa61d4d67ddca38491a11c8e18 Mon Sep 17 00:00:00 2001
From: Sasha Khamkov <sanusart@gmail.com>
Date: Sat, 22 Aug 2026 22:57:00 +0300
Subject: [PATCH 8/8] test(jest): snapshot after act flush so trees are not
 null

---
 .../__tests__/components/Clear.spec.js        |  5 ++-
 .../__tests__/components/Content.spec.js      |  7 ++-
 .../__tests__/components/Dropdown.spec.js     |  7 ++-
 .../__tests__/components/Item.spec.js         | 12 ++---
 .../__tests__/components/Loading.spec.js      |  7 ++-
 .../__tests__/components/Option.spec.js       |  5 ++-
 .../__tests__/components/Separator.spec.js    |  7 ++-
 .../__snapshots__/Clear.spec.js.snap          | 11 ++++-
 .../__snapshots__/Content.spec.js.snap        | 45 ++++++++++++++++++-
 .../__snapshots__/Dropdown.spec.js.snap       | 23 +++++++++-
 .../__snapshots__/Item.spec.js.snap           | 34 +++++++++++++-
 .../__snapshots__/Loading.spec.js.snap        |  6 ++-
 .../__snapshots__/Option.spec.js.snap         | 17 ++++++-
 .../__snapshots__/Separator.spec.js.snap      |  6 ++-
 14 files changed, 167 insertions(+), 25 deletions(-)

diff --git a/packages/react-dropdown-select/__tests__/components/Clear.spec.js b/packages/react-dropdown-select/__tests__/components/Clear.spec.js
index 1f9730ab..d1cf6858 100644
--- a/packages/react-dropdown-select/__tests__/components/Clear.spec.js
+++ b/packages/react-dropdown-select/__tests__/components/Clear.spec.js
@@ -29,10 +29,11 @@ describe('<Clear/> component', () => {
   });
 
   it('<Clear/> renders correctly', () => {
-    let tree;
+    let renderer;
     TestRenderer.act(() => {
-      tree = TestRenderer.create(<Clear {...props()} />).toJSON();
+      renderer = TestRenderer.create(<Clear {...props()} />);
     });
+    const tree = renderer.toJSON();
 
     expect(tree).toMatchSnapshot();
   });
diff --git a/packages/react-dropdown-select/__tests__/components/Content.spec.js b/packages/react-dropdown-select/__tests__/components/Content.spec.js
index 702be8b8..d01f23b8 100644
--- a/packages/react-dropdown-select/__tests__/components/Content.spec.js
+++ b/packages/react-dropdown-select/__tests__/components/Content.spec.js
@@ -45,9 +45,12 @@ describe('<Content/> component', () => {
   });
 
   it('<Content/> renders correctly', () => {
-    const tree = TestRenderer.create(<Content {...props()} />).toJSON();
+    let tree;
+    TestRenderer.act(() => {
+      tree = TestRenderer.create(<Content {...props()} />);
+    });
 
-    expect(tree).toMatchSnapshot();
+    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   it('onClick opens dropdown', () => {
diff --git a/packages/react-dropdown-select/__tests__/components/Dropdown.spec.js b/packages/react-dropdown-select/__tests__/components/Dropdown.spec.js
index c720da51..166a949b 100644
--- a/packages/react-dropdown-select/__tests__/components/Dropdown.spec.js
+++ b/packages/react-dropdown-select/__tests__/components/Dropdown.spec.js
@@ -26,7 +26,10 @@ const props = {
 };
 
 it('<Dropdown/> renders correctly', () => {
-  const tree = renderer.create(<Dropdown {...props} />).toJSON();
+  let tree;
+  renderer.act(() => {
+    tree = renderer.create(<Dropdown {...props} />);
+  });
 
-  expect(tree).toMatchSnapshot();
+  expect(tree.toJSON()).toMatchSnapshot();
 });
diff --git a/packages/react-dropdown-select/__tests__/components/Item.spec.js b/packages/react-dropdown-select/__tests__/components/Item.spec.js
index b66748e3..dc883816 100644
--- a/packages/react-dropdown-select/__tests__/components/Item.spec.js
+++ b/packages/react-dropdown-select/__tests__/components/Item.spec.js
@@ -28,10 +28,11 @@ describe('<Item/> component', () => {
   });
 
   test('renders correctly', () => {
-    let tree;
+    let renderer;
     TestRenderer.act(() => {
-      tree = TestRenderer.create(<Item {...props({ item: options[0] })} />).toJSON();
+      renderer = TestRenderer.create(<Item {...props({ item: options[0] })} />);
     });
+    const tree = renderer.toJSON();
 
     expect(tree).toMatchSnapshot();
   });
@@ -93,12 +94,13 @@ describe('<Item/> component', () => {
   });
 
   test('pass item renderer', () => {
-    let tree;
+    let renderer;
     TestRenderer.act(() => {
-      tree = TestRenderer.create(
+      renderer = TestRenderer.create(
         <Item {...props({ item: options[0], itemRenderer: () => <div>item</div> })} />,
-      ).toJSON();
+      );
     });
+    const tree = renderer.toJSON();
 
     expect(tree).toMatchSnapshot();
   });
diff --git a/packages/react-dropdown-select/__tests__/components/Loading.spec.js b/packages/react-dropdown-select/__tests__/components/Loading.spec.js
index f71bc26c..32fa337a 100644
--- a/packages/react-dropdown-select/__tests__/components/Loading.spec.js
+++ b/packages/react-dropdown-select/__tests__/components/Loading.spec.js
@@ -13,7 +13,10 @@ const props = {
 };
 
 it('<Loading/> renders correctly', () => {
-  const tree = renderer.create(<Loading {...props} />).toJSON();
+  let tree;
+  renderer.act(() => {
+    tree = renderer.create(<Loading {...props} />);
+  });
 
-  expect(tree).toMatchSnapshot();
+  expect(tree.toJSON()).toMatchSnapshot();
 });
diff --git a/packages/react-dropdown-select/__tests__/components/Option.spec.js b/packages/react-dropdown-select/__tests__/components/Option.spec.js
index b9ca9d09..e4da83fe 100644
--- a/packages/react-dropdown-select/__tests__/components/Option.spec.js
+++ b/packages/react-dropdown-select/__tests__/components/Option.spec.js
@@ -35,10 +35,11 @@ describe('<Option/> component', () => {
   });
 
   it('renders correctly', () => {
-    let tree;
+    let renderer;
     TestRenderer.act(() => {
-      tree = TestRenderer.create(<Option {...props({ item: options[0] })} />).toJSON();
+      renderer = TestRenderer.create(<Option {...props({ item: options[0] })} />);
     });
+    const tree = renderer.toJSON();
 
     expect(tree).toMatchSnapshot();
   });
diff --git a/packages/react-dropdown-select/__tests__/components/Separator.spec.js b/packages/react-dropdown-select/__tests__/components/Separator.spec.js
index 794080b3..da83fa5e 100644
--- a/packages/react-dropdown-select/__tests__/components/Separator.spec.js
+++ b/packages/react-dropdown-select/__tests__/components/Separator.spec.js
@@ -13,7 +13,10 @@ const props = {
 };
 
 it('<Separator/> renders correctly', () => {
-  const tree = renderer.create(<Separator {...props} />).toJSON();
+  let tree;
+  renderer.act(() => {
+    tree = renderer.create(<Separator {...props} />);
+  });
 
-  expect(tree).toMatchSnapshot();
+  expect(tree.toJSON()).toMatchSnapshot();
 });
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Clear.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Clear.spec.js.snap
index d27f3c11..98170336 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Clear.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Clear.spec.js.snap
@@ -1,3 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Clear/> component <Clear/> renders correctly 1`] = `null`;
+exports[`<Clear/> component <Clear/> renders correctly 1`] = `
+<div
+  className="react-dropdown-select-clear"
+  onClick={[Function]}
+  onKeyDown={[Function]}
+  tabIndex={-1}
+>
+  ×
+</div>
+`;
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Content.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Content.spec.js.snap
index 0072f651..ed6b1eb3 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Content.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Content.spec.js.snap
@@ -1,3 +1,46 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Content/> component <Content/> renders correctly 1`] = `null`;
+exports[`<Content/> component <Content/> renders correctly 1`] = `
+<div
+  className="react-dropdown-select-content react-dropdown-select-type-multi"
+  onClick={[Function]}
+>
+  <span
+    className="react-dropdown-select-option"
+    role="listitem"
+  >
+    <span
+      className="react-dropdown-select-option-label"
+    >
+      Leanne Graham
+    </span>
+    <span
+      className="react-dropdown-select-option-remove"
+      onClick={[Function]}
+    >
+      ×
+    </span>
+  </span>
+  <input
+    className="react-dropdown-select-input react-dropdown-select-input-readonly"
+    onBlur={[Function]}
+    onClick={[Function]}
+    onFocus={[Function]}
+    onKeyDown={[Function]}
+    placeholder=""
+    readOnly={true}
+    ref={
+      {
+        "current": null,
+      }
+    }
+    style={
+      {
+        "--input-size": undefined,
+      }
+    }
+    tabIndex={-1}
+    value=""
+  />
+</div>
+`;
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Dropdown.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Dropdown.spec.js.snap
index e60beb33..ca29ea00 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Dropdown.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Dropdown.spec.js.snap
@@ -1,3 +1,24 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Dropdown/> renders correctly 1`] = `null`;
+exports[`<Dropdown/> renders correctly 1`] = `
+<div
+  aria-expanded="true"
+  className="react-dropdown-select-dropdown react-dropdown-select-dropdown-bottom "
+  role="list"
+  style={
+    {
+      "--dropdown-height": "300px",
+      "--dropdown-offset": "NaNpx",
+      "--select-color": undefined,
+      "--select-color-hover": undefined,
+      "left": -1,
+      "width": undefined,
+    }
+  }
+  tabIndex={-1}
+>
+  <div
+    className="react-dropdown-select-no-data"
+  />
+</div>
+`;
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Item.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Item.spec.js.snap
index 86cf237f..213fef80 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Item.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Item.spec.js.snap
@@ -1,5 +1,35 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Item/> component pass item renderer 1`] = `null`;
+exports[`<Item/> component pass item renderer 1`] = `
+<span
+  className="react-dropdown-select-item"
+  onClick={[Function]}
+  onKeyDown={[Function]}
+  ref={
+    {
+      "current": null,
+    }
+  }
+  role="option"
+  tabIndex={-1}
+>
+   
+</span>
+`;
 
-exports[`<Item/> component renders correctly 1`] = `null`;
+exports[`<Item/> component renders correctly 1`] = `
+<span
+  className="react-dropdown-select-item"
+  onClick={[Function]}
+  onKeyDown={[Function]}
+  ref={
+    {
+      "current": null,
+    }
+  }
+  role="option"
+  tabIndex={-1}
+>
+   
+</span>
+`;
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Loading.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Loading.spec.js.snap
index d8424b7c..4c5dd3cd 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Loading.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Loading.spec.js.snap
@@ -1,3 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Loading/> renders correctly 1`] = `null`;
+exports[`<Loading/> renders correctly 1`] = `
+<div
+  className="react-dropdown-select-loading"
+/>
+`;
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Option.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Option.spec.js.snap
index 96b3fa64..2b7ea4fd 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Option.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Option.spec.js.snap
@@ -1,3 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Option/> component renders correctly 1`] = `null`;
+exports[`<Option/> component renders correctly 1`] = `
+<span
+  className="react-dropdown-select-option"
+  role="listitem"
+>
+  <span
+    className="react-dropdown-select-option-label"
+  />
+  <span
+    className="react-dropdown-select-option-remove"
+    onClick={[Function]}
+  >
+    ×
+  </span>
+</span>
+`;
diff --git a/packages/react-dropdown-select/__tests__/components/__snapshots__/Separator.spec.js.snap b/packages/react-dropdown-select/__tests__/components/__snapshots__/Separator.spec.js.snap
index fc3a5c21..9cb48365 100644
--- a/packages/react-dropdown-select/__tests__/components/__snapshots__/Separator.spec.js.snap
+++ b/packages/react-dropdown-select/__tests__/components/__snapshots__/Separator.spec.js.snap
@@ -1,3 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Separator/> renders correctly 1`] = `null`;
+exports[`<Separator/> renders correctly 1`] = `
+<div
+  className="react-dropdown-select-separator"
+/>
+`;