Remove connected-react-router dependency and use React Router v6

🔧 Remove connected-react-router:
- Remove connected-react-router from package.json dependencies
- Remove connected-react-router imports from index.js
- Create simple router middleware to replace connected-react-router
- Update history version back to ^5.3.0 for React Router v6 compatibility

📦 Router middleware:
- Add router-middleware.js with simple Redux integration
- Support push, replace, go, goBack, goForward actions
- Lightweight alternative to connected-react-router

🚀 Workflow fixes:
- Remove --legacy-peer-deps from lerna bootstrap (not supported)
- Keep --legacy-peer-deps for npm install commands
- Simplify dependency management

✅ Benefits:
- No more peer dependency conflicts
- Smaller bundle size
- Better React Router v6 compatibility
- Cleaner dependency tree

Author: perlinson

.github/workflows/ci.yml

@@ -27,7 +27,7 @@ jobs:
       run: npm install --legacy-peer-deps
 
     - name: Bootstrap packages
-      run: npx lerna bootstrap --no-ci --legacy-peer-deps
+      run: npx lerna bootstrap --no-ci
 
     - name: Build packages
       run: |

.github/workflows/npm-publish.yml

@@ -26,7 +26,7 @@ jobs:
         run: npm install --legacy-peer-deps
 
       - name: Bootstrap packages
-        run: npx lerna bootstrap --no-ci --legacy-peer-deps
+        run: npx lerna bootstrap --no-ci
 
       - name: Build packages
         run: |

packages/modernx/package.json

@@ -34,9 +34,8 @@
     "@types/isomorphic-fetch": "^0.0.36",
     "@types/react-redux": "^7.1.0",
     "@types/react-router-dom": "^5.3.0",
-    "connected-react-router": "^6.9.0",
     "global": "^4.4.0",
-    "history": "^4.7.2",
+    "history": "^5.3.0",
     "invariant": "^2.2.4",
     "isomorphic-fetch": "^3.0.0",
     "modernx-core": "*",

packages/modernx/src/index.js

@@ -14,21 +14,17 @@ import {
 import { bindActionCreators } from 'redux';
 import { utils, create, saga, createDvaReact18Enhancer } from 'modernx-core';
 import * as router from 'react-router-dom';
-import * as routerRedux from 'connected-react-router';
+import { createRouterMiddleware } from './router-middleware';
 import * as routerV6Compat from './router-v6-compat';
 
-const { connectRouter, routerMiddleware } = routerRedux;
 const { isFunction } = utils;
 const { useHistory, useLocation, useParams, useRouteMatch } = router;
 
 export default function(opts = {}) {
   const history = opts.history || createHashHistory();
   const createOpts = {
-    initialReducer: {
-      router: connectRouter(history),
-    },
     setupMiddlewares(middlewares) {
-      return [routerMiddleware(history), ...middlewares];
+      return [createRouterMiddleware(history), ...middlewares];
     },
     setupApp(app) {
       app._history = patchHistory(history);
@@ -150,7 +146,6 @@ export { connect, connectAdvanced, useSelector, useDispatch, useStore, shallowEq
 export { bindActionCreators };
 export { router };
 export { saga };
-export { routerRedux };
 export { createBrowserHistory, createMemoryHistory, createHashHistory };
 export { useHistory, useLocation, useParams, useRouteMatch };
 export { 

packages/modernx/src/router-middleware.js

@@ -0,0 +1,52 @@
+/**
+ * Simple Router Middleware for React Router v6
+ * Replaces connected-react-router with a lightweight solution
+ */
+
+import { createAction } from 'redux';
+
+// Router actions
+export const push = createAction('ROUTER/PUSH');
+export const replace = createAction('ROUTER/REPLACE');
+export const go = createAction('ROUTER/GO');
+export const goBack = createAction('ROUTER/GO_BACK');
+export const goForward = createAction('ROUTER/GO_FORWARD');
+
+// Simple router middleware
+export function createRouterMiddleware(history) {
+  return (store) => (next) => (action) => {
+    switch (action.type) {
+      case 'ROUTER/PUSH':
+        history.push(action.payload);
+        break;
+      case 'ROUTER/REPLACE':
+        history.replace(action.payload);
+        break;
+      case 'ROUTER/GO':
+        history.go(action.payload);
+        break;
+      case 'ROUTER/GO_BACK':
+        history.goBack();
+        break;
+      case 'ROUTER/GO_FORWARD':
+        history.goForward();
+        break;
+      default:
+        break;
+    }
+    return next(action);
+  };
+}
+
+// Simple router reducer (optional - if you want to track router state in Redux)
+export const routerReducer = (state = {}, action) => {
+  switch (action.type) {
+    case 'ROUTER/LOCATION_CHANGE':
+      return {
+        ...state,
+        location: action.payload,
+      };
+    default:
+      return state;
+  }
+};