changesets: update react router v6 changesets

Co-authored-by: Fredrik Adelöw <freben@gmail.com>
Co-authored-by: blam <ben@blam.sh>
Co-authored-by: Johan Haals <johan.haals@gmail.com>
Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
This commit is contained in:
Patrik Oldsberg
2022-08-29 16:04:00 +02:00
parent 23c7f9a68d
commit 817f3196f6
10 changed files with 79 additions and 40 deletions
+54
View File
@@ -0,0 +1,54 @@
---
'@backstage/app-defaults': patch
'@backstage/core-app-api': patch
'@backstage/core-components': patch
'@backstage/core-plugin-api': patch
'@backstage/dev-utils': patch
'@backstage/test-utils': patch
'@backstage/plugin-adr': patch
'@backstage/plugin-airbrake': patch
'@backstage/plugin-allure': patch
'@backstage/plugin-api-docs': patch
'@backstage/plugin-azure-devops': patch
'@backstage/plugin-badges': patch
'@backstage/plugin-bazaar': patch
'@backstage/plugin-catalog-graph': patch
'@backstage/plugin-catalog-import': patch
'@backstage/plugin-catalog-react': patch
'@backstage/plugin-catalog': patch
'@backstage/plugin-circleci': patch
'@backstage/plugin-cloudbuild': patch
'@backstage/plugin-code-climate': patch
'@backstage/plugin-code-coverage': patch
'@backstage/plugin-codescene': patch
'@backstage/plugin-cost-insights': patch
'@backstage/plugin-explore': patch
'@backstage/plugin-gcp-projects': patch
'@backstage/plugin-git-release-manager': patch
'@backstage/plugin-github-actions': patch
'@backstage/plugin-gitops-profiles': patch
'@backstage/plugin-graphiql': patch
'@backstage/plugin-home': patch
'@backstage/plugin-jenkins': patch
'@backstage/plugin-kafka': patch
'@backstage/plugin-kubernetes': patch
'@backstage/plugin-lighthouse': patch
'@backstage/plugin-org': patch
'@backstage/plugin-pagerduty': patch
'@backstage/plugin-permission-react': patch
'@backstage/plugin-rollbar': patch
'@backstage/plugin-scaffolder': patch
'@backstage/plugin-search-react': patch
'@backstage/plugin-search': patch
'@backstage/plugin-sentry': patch
'@backstage/plugin-shortcuts': patch
'@backstage/plugin-splunk-on-call': patch
'@backstage/plugin-tech-insights': patch
'@backstage/plugin-techdocs-addons-test-utils': patch
'@backstage/plugin-techdocs-react': patch
'@backstage/plugin-techdocs': patch
'@backstage/plugin-todo': patch
'@backstage/plugin-user-settings': patch
---
Updated React Router dependencies to be peer dependencies.
+5
View File
@@ -0,0 +1,5 @@
---
'@backstage/test-utils': minor
---
Elements rendered in a test app are no longer wrapped in a `Routes` and `Route` element, as this is not compatible with React Router v6 stable.
+1 -23
View File
@@ -2,26 +2,4 @@
'@backstage/create-app': patch
---
Updated the entity page routes to use relative routes rather than absolute ones. This change is required to be able to upgrade to `react-router` v6 stable in the future.
To apply this change to an existing app, update the path prop of `EntityLayout.Route`s to be relative. For example:
```diff
<EntityLayoutWrapper>
- <EntityLayout.Route path="/" title="Overview">
+ <EntityLayout.Route path="." title="Overview">
{overviewContent}
</EntityLayout.Route>
- <EntityLayout.Route path="/ci-cd" title="CI/CD">
+ <EntityLayout.Route path="ci-cd" title="CI/CD">
{cicdContent}
</EntityLayout.Route>
- <EntityLayout.Route path="/errors" title="Errors">
+ <EntityLayout.Route path="errors" title="Errors">
{errorsContent}
</EntityLayout.Route>
```
This change should also be applied to any other usage of `TabbedLayout`.
The Backstage packages and plugins have all been updated to support React Router v6 stable. The `create-app` template has not been migrated yet, but if you want to migrate your own app or plugins, check out the [migration guide](https://backstage.io/docs/tutorials/react-router-stable-migration).
+1 -1
View File
@@ -2,4 +2,4 @@
'@backstage/core-app-api': minor
---
Updated the routing system to be compatible with `react-router` v6 stable.
Updated the routing system to be compatible with React Router v6 stable.
+5
View File
@@ -0,0 +1,5 @@
---
'@backstage/cli': patch
---
Added a new `migrate react-router-deps` command to aid in the migration to React Router v6 stable.
-13
View File
@@ -1,13 +0,0 @@
---
'@backstage/create-app': patch
---
Update the setup of the app routes in the template to wrap the `<Navigate .../>` redirect in a `<Route .../>`, as this will be required in `react-router` v6 stable.
To apply this change to an existing app, make the following change to `packages/app/src/App.tsx`:
```diff
<FlatRoutes>
- <Navigate key="/" to="catalog" />
+ <Route path="/" element={<Navigate to="catalog" />} />
```
+5
View File
@@ -0,0 +1,5 @@
---
'@backstage/plugin-techdocs': patch
---
Updated the `TechDocsReaderPage` to be compatible with React Router v6 stable.
+1 -1
View File
@@ -2,4 +2,4 @@
'@backstage/core-components': patch
---
The `RoutedTabs` component has been updated to be compatible with `react-router` v6 stable.
The `RoutedTabs` component has been updated to be compatible with React Router v6 stable.
+5
View File
@@ -0,0 +1,5 @@
---
'@backstage/plugin-permission-react': patch
---
**DEPRECATION**: The `PermissionedRoute` component has been deprecated in favor of the new `RequirePermission` component. This is because the usage pattern of `PermissionedRoute` is not compatible with React Router v6 stable.
+2 -2
View File
@@ -1,5 +1,5 @@
---
'@backstage/core-app-api': minor
'@backstage/core-app-api': patch
---
Updated `FlatRoutes` to be compatible with `react-router` v6 stable.
Updated `FlatRoutes` to be compatible with React Router v6 stable.