fix(react-router-busy): Broaden peer dependency requirements

GitOrigin-RevId: 7a54b1414cb2e80a47b4aa297d38e6d08bdb48da

Author: f

.github/README.md

@@ -2,6 +2,8 @@
 
 Improve your app's UX with just an import. A simple and performant package for accessible form input, button, and link **loading states**.
 
+For use with [react-router](https://github.com/remix-run/react-router) 6+ or [remix](https://github.com/remix-run/react-router) 2+.
+
 ## The problem
 
 ![Editing input after submitting](https://github.com/user-attachments/assets/cc6f5a95-c2c8-4877-82ce-7dee317e063e)
@@ -12,14 +14,14 @@ Improve your app's UX with just an import. A simple and performant package for a
 
 Render `BusyForm` instead of `Form` or `fetcher.Form`:
 * All the form's inputs will become `readonly` during submission to prevent someone from changing input data during submission and causing themselves confusion. The `cursor` will be `wait` if hovering over an input.
-* The form's submit button will become `aria-busy="true"` during submission to prevent double-clicking and causing extraneous requests. The `cursor` will be `wait` if hovering over the button, and `pointer-events` will be `none` to actually prevent clicking. A keyboard user can currently still repress the button though because I haven't found a way to prevent it.
+* The form's submit button will become `aria-busy="true"` during submission to prevent double-clicking and causing extraneous requests. The `cursor` will be `wait` if hovering over the button, and `pointer-events` will be `none` to actually prevent clicking.
 
-I chose these attributes instead of `disabled` because it causes the field to not be sent in the form data and it's not accessibility friendly.
+This library doesn't make inputs `disabled` because it causes the field to not be sent in the form data and it's not accessibility friendly to dynamically toggle.
 
 #### With navigation
 
 ```tsx
-import {BusyForm} from 'react-router-busy';
+import { BusyForm } from 'react-router-busy';
 
 ...
 
@@ -37,7 +39,7 @@ return (
 #### With fetcher
 
 ```tsx
-import {BusyForm} from 'react-router-busy';
+import { BusyForm } from 'react-router-busy';
 
 ...
 
@@ -58,10 +60,10 @@ return (
 
 ### BusyLink
 
-This library assumes all your buttons are in forms. But links are another story, so `BusyLink` is a replacement for `Link` to add this functionality for relative paths.
+This library assumes all your buttons are in forms. But links are another story, so `BusyLink` is a replacement for `Link` to add this functionality for URLs to your app.
 
 ```tsx
-import {BusyLink} from 'react-router-busy';
+import { BusyLink } from 'react-router-busy';
 
 ...
 
@@ -76,6 +78,7 @@ return (
 
 ## To do
 
+- Fix a keyboard user still being able re-press the button
 - NavLink, Better not to have all that extra code for the `as` prop
 - Also export as Form and Link in case consumers prefer not replacing name
 - Make an option where you can edit the inputs after submission which cancels the current submission

packages/react-router-busy/package.json

@@ -38,8 +38,8 @@
 		"check-exports": "attw --pack . --ignore-rules=cjs-resolves-to-esm"
 	},
 	"peerDependencies": {
-		"react-router-dom": "^6.26.2",
-		"react": "^18.3.1"
+		"react-router-dom": "^6.0.0",
+		"react": "^18.0.0"
 	},
 	"//devDependencies": "Need vite for css module import when building",
 	"devDependencies": {
@@ -59,6 +59,6 @@
 			"@semantic-release/npm",
 			"@semantic-release/github"
 		],
-		"dryRun": true
+		"dryRun": false
 	}
 }