beatzaplenty/stockfill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #88 from beatz174-bit/codex/add-future-prop-to-react-router-components

Browse Source 
Add React Router v7 future flags to routers
This commit is contained in:
beatz174-bit
2025-11-24 07:54:11 +10:00
committed by GitHub
parent 1a0461e7b3 4148214e80
commit 345b9bceb1
7 changed files with 32 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.tsx
+1 -1
View File
@@ -42,7 +42,7 @@ const AppRoutes = () => {
export const App = () => ( export const App = () => (
<ThemeProvider theme={theme}> <ThemeProvider theme={theme}>
<CssBaseline /> <CssBaseline />
<BrowserRouter> <BrowserRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<DBProvider> <DBProvider>
<AppRoutes /> <AppRoutes />
</DBProvider> </DBProvider>
src/screens/ActivePickListScreen.test.tsx
+16 -16
View File
@@ -86,7 +86,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -118,7 +118,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -171,7 +171,7 @@ describe('ActivePickListScreen product search', () => {
]); ]);
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -185,7 +185,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -210,7 +210,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -237,7 +237,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -269,7 +269,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -302,7 +302,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -339,7 +339,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -401,7 +401,7 @@ describe('ActivePickListScreen product search', () => {
]); ]);
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -430,7 +430,7 @@ describe('ActivePickListScreen product search', () => {
]); ]);
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -469,7 +469,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -514,7 +514,7 @@ describe('ActivePickListScreen product search', () => {
]); ]);
const { rerender } = render( const { rerender } = render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -538,7 +538,7 @@ describe('ActivePickListScreen product search', () => {
]); ]);
rerender( rerender(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -577,7 +577,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
@@ -612,7 +612,7 @@ describe('ActivePickListScreen product search', () => {
]); ]);
render( render(
<MemoryRouter initialEntries={['/pick-lists/1']}> <MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<Routes> <Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} /> <Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes> </Routes>
src/screens/ManageAreasScreen.test.tsx
+1 -1
View File
@@ -36,7 +36,7 @@ describe('ManageAreasScreen deletion safeguards', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<ManageAreasScreen /> <ManageAreasScreen />
</MemoryRouter>, </MemoryRouter>,
); );
src/screens/ManageCategoriesScreen.test.tsx
+1 -1
View File
@@ -44,7 +44,7 @@ describe('ManageCategoriesScreen deletion safeguards', () => {
it('shows an error when trying to delete an in-use category', async () => { it('shows an error when trying to delete an in-use category', async () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<ManageCategoriesScreen /> <ManageCategoriesScreen />
</MemoryRouter>, </MemoryRouter>,
); );
src/screens/ManageProductsScreen.test.tsx
+9 -9
View File
@@ -120,7 +120,7 @@ describe('ManageProductsScreen barcode lookup', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<ManageProductsScreen /> <ManageProductsScreen />
</MemoryRouter>, </MemoryRouter>,
); );
@@ -150,7 +150,7 @@ describe('ManageProductsScreen barcode lookup', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<ManageProductsScreen /> <ManageProductsScreen />
</MemoryRouter>, </MemoryRouter>,
); );
@@ -182,7 +182,7 @@ describe('ManageProductsScreen barcode lookup', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<ManageProductsScreen /> <ManageProductsScreen />
</MemoryRouter>, </MemoryRouter>,
); );
@@ -204,7 +204,7 @@ describe('ManageProductsScreen barcode lookup', () => {
try { try {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<ManageProductsScreen /> <ManageProductsScreen />
</MemoryRouter>, </MemoryRouter>,
); );
@@ -249,7 +249,7 @@ describe('ManageProductsScreen barcode lookup', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<ManageProductsScreen /> <ManageProductsScreen />
</MemoryRouter>, </MemoryRouter>,
); );
@@ -295,7 +295,7 @@ describe('ManageProductsScreen barcode lookup', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<ManageProductsScreen /> <ManageProductsScreen />
</MemoryRouter>, </MemoryRouter>,
); );
@@ -333,7 +333,7 @@ describe('ManageProductsScreen auto-adding products to pick lists', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<ManageProductsScreen /> <ManageProductsScreen />
</MemoryRouter>, </MemoryRouter>,
); );
@@ -374,7 +374,7 @@ describe('ManageProductsScreen deletion safeguards', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<ManageProductsScreen /> <ManageProductsScreen />
</MemoryRouter>, </MemoryRouter>,
); );
@@ -407,7 +407,7 @@ describe('ManageProductsScreen filtering feedback', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<ManageProductsScreen /> <ManageProductsScreen />
</MemoryRouter>, </MemoryRouter>,
); );
src/screens/PickListsScreen.test.tsx
+1 -1
View File
@@ -40,7 +40,7 @@ vi.mock('../context/DBProvider', () => ({
describe('PickListsScreen sorting', () => { describe('PickListsScreen sorting', () => {
it('sorts pick lists alphabetically by area name', () => { it('sorts pick lists alphabetically by area name', () => {
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<PickListsScreen /> <PickListsScreen />
</MemoryRouter>, </MemoryRouter>,
); );
src/screens/StartPickListScreen.test.tsx
+3 -3
View File
@@ -92,7 +92,7 @@ beforeEach(() => {
describe('StartPickListScreen', () => { describe('StartPickListScreen', () => {
it('shows category selection controls', () => { it('shows category selection controls', () => {
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<StartPickListScreen /> <StartPickListScreen />
</MemoryRouter>, </MemoryRouter>,
); );
@@ -108,7 +108,7 @@ describe('StartPickListScreen', () => {
const user = userEvent.setup(); const user = userEvent.setup();
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<StartPickListScreen /> <StartPickListScreen />
</MemoryRouter>, </MemoryRouter>,
); );
@@ -149,7 +149,7 @@ describe('StartPickListScreen', () => {
]); ]);
render( render(
<MemoryRouter> <MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<StartPickListScreen /> <StartPickListScreen />
</MemoryRouter>, </MemoryRouter>,
); );