Merge pull request #4021 from kiranpatel11/master

fix(create-app): fix user-settings routing in create-app

.changeset/healthy-crews-remember.md

@@ -0,0 +1,19 @@
+---
+'@backstage/create-app': patch
+---
+
+fix routing and config for user-settings plugin
+
+To make the corresponding change in your local app, add the following in your App.tsx
+
+```
+import { Router as SettingsRouter } from '@backstage/plugin-user-settings';
+...
+<Route path="/settings" element={<SettingsRouter />} />
+```
+
+and the following to your plugins.ts:
+
+```
+export { plugin as UserSettings } from '@backstage/plugin-user-settings';
+```

packages/create-app/templates/default-app/packages/app/src/App.tsx

@@ -15,6 +15,7 @@ import { Router as DocsRouter } from '@backstage/plugin-techdocs';
 import { Router as ImportComponentRouter } from '@backstage/plugin-catalog-import';
 import { Router as TechRadarRouter } from '@backstage/plugin-tech-radar';
 import { SearchPage as SearchRouter } from '@backstage/plugin-search';
+import { Router as SettingsRouter } from '@backstage/plugin-user-settings';
 
 import { EntityPage } from './components/catalog/EntityPage';
 
@@ -59,6 +60,7 @@ const App = () => (
             path="/search"
             element={<SearchRouter/>}
           />
+          <Route path="/settings" element={<SettingsRouter />} />
           {deprecatedAppRoutes}
         </Routes>
       </SidebarPage>

packages/create-app/templates/default-app/packages/app/src/plugins.ts

@@ -6,3 +6,5 @@ export { plugin as GithubActions } from '@backstage/plugin-github-actions';
 export { plugin as ScaffolderPlugin } from '@backstage/plugin-scaffolder';
 export { plugin as TechDocsPlugin } from '@backstage/plugin-techdocs';
 export { plugin as TechRadar } from '@backstage/plugin-tech-radar';
+export { plugin as UserSettings } from '@backstage/plugin-user-settings';
+