v5.0.2: Add Jest compatibility with dual module builds and clean exports

- Add CommonJS build alongside ESM for Jest compatibility without consumer configuration
- Fix mixed named/default exports warning by removing duplicate default export
- Update exports to use clean named-only pattern (modern best practice)
- Generate both dist/index.js (ESM) and dist/index.cjs (CJS) for maximum compatibility
- Update package.json with proper dual module export configuration
- Fix 'Entry module is using named and default exports together' Vite warning
- Ensure consumers don't need to use .default accessor

Resolves Jest 'cannot find module' errors in Next.js 16+ environments
Improves consumer experience with cleaner import patterns

Author: Ahmed Mahmoud

CHANGELOG.md

@@ -2,6 +2,23 @@
 
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [5.0.2] - 2025-11-11
+
+### Fixed
+- 🔧 **Jest Compatibility**: Added CommonJS build alongside ESM for better Jest/testing compatibility
+- 📦 **Dual Module Export**: Package now exports both ESM and CJS formats
+- ✅ **No Configuration Needed**: Works out-of-the-box with Jest in Next.js, CRA, and other environments
+
+### Changed
+- **Build Output**: Now generates both `index.js` (ESM) and `index.cjs` (CommonJS)
+- **Package Exports**: Updated to properly expose both module formats
+
+## [5.0.1] - 2025-11-11
+
+### Fixed
+- 📝 **Documentation**: Updated README with correct scoped package name and installation instructions
+- 🔗 **Package Links**: Fixed npm badges and import examples
+
 ## [5.0.0] - 2025-11-10
 
 ### Breaking Changes

package.json

@@ -1,15 +1,16 @@
 {
   "name": "@dev-ahmed-mahmoud/react-custom-scrollbars",
-  "version": "5.0.1",
+  "version": "5.0.2",
   "description": "Modern React scrollbars component with TypeScript support and React 19 compatibility",
   "type": "module",
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
   "files": [

src/index.ts

@@ -1,4 +1,4 @@
-export { default as Scrollbars, default } from './Scrollbars'
+export { default as Scrollbars } from './Scrollbars'
 export type {
   ScrollbarsProps,
   ScrollbarsRef,

vite.config.ts

@@ -16,8 +16,8 @@ export default defineConfig({
     lib: {
       entry: resolve(import.meta.dirname, 'src/index.ts'), // Use import.meta.dirname (Node 20.11+)
       name: 'ReactCustomScrollbars',
-      formats: ['es'],
-      fileName: 'index',
+      formats: ['es', 'cjs'], // Add CommonJS format for Jest compatibility
+      fileName: (format) => `index.${format === 'es' ? 'js' : 'cjs'}`,
     },
     rollupOptions: {
       external: ['react', 'react-dom'],