v6.1.0

🚀 Enhancement

• @grafana/scenes
  • UrlSync: Variable changes adds browser history steps #882 (@torkelo)

🐛 Bug Fix

• @grafana/scenes
  • Fallback page: fix infinite loop #1057 (@domasx2)
  • Fix issue were operators do not appear properly in adhoc vars #1054 (@mdvictor)

Authors: 3

• Domas (@domasx2)
• Torkel Ödegaard (@torkelo)
• Victor Marin (@mdvictor)

v6.0.2

🐛 Bug Fix

• @grafana/scenes
  • Fix the getLegacyPanelId method in VizPanel #1053 (@bfmatei)

Authors: 1

• Bogdan Matei (@bfmatei)

v6.0.1

🐛 Bug Fix

• @grafana/scenes
  • SceneDataTransformer: Interpolate transformation options #1051 (@dprokop @torkelo)

Authors: 2

• Dominik Prokop (@dprokop)
• Torkel Ödegaard (@torkelo)

v6.0.0

💥 Breaking Change

• @grafana/scenes-react, @grafana/scenes
  • Updating to react-router@6 #979 (@leventebalogh)

Authors: 1

• Levente Balogh (@leventebalogh)

---

Migration guide for an app plugin

Example plugin update PR →

1. Bump react-router-dom - package.json

-"react-router-dom": "^5.2.0",
+"react-router-dom": "^6.22.0",

2. Remove @types/react-router-dom - package.json

-"@types/react-router-dom": "^5.2.0",

3. Stop externalisingreact-router-dom - .config/webpack/webpack.config.ts

externals: [
      // Required for dynamic publicPath resolution
      { 'amd-module': 'module' },
      'lodash',
      'jquery',
      'moment',
      'slate',
      'emotion',
      '@emotion/react',
      '@emotion/css',
      'prismjs',
      'slate-plain-serializer',
      '@grafana/slate-react',
      'react',
      'react-dom',
      'react-redux',
      'redux',
      'rxjs',
      'react-router',
-    'react-router-dom',
      'd3',
      'angular',
      '@grafana/ui',
      '@grafana/runtime',
      '@grafana/data',

4. Enable react-router@v6 - .cprc.json
   Add the following line in the .cprc.json:

{
  "features": {
+   "useReactRouterV6": true
  }
}

4. <Route>: use relative wildcard routes

-<Route path="/a/myorg-example-app/home ... />
+<Route path="home/*" ... />

6. <Route>: use the element prop

-<Route ... component={WithDrilldown} />
+<Route ... element={<WithDrilldown />} />

7. <Switch>: replace with Routes

-import { Switch } from "react-router-dom";
+import { Routes } from "react-router-dom";  

-<Switch> ... </Switch>
+<Routes> ... </Routes>

8. Add a relative routePath prop to each <SceneAppPage>. It needs to include a wildcard if there are any drill-down or tab pages under it.

-new SceneAppPage({
-  url: "/a/myorg-example-app/home",
-  ...
- });
+new SceneAppPage({
+  url: "/a/myorg-example-app/home",
+  routePath: "home/*",
+  ...
+})

9. Make the routePath prop defined on drill-downs relative and include a wildcard.

v5.42.0

🚀 Enhancement

• @grafana/scenes
  • Themes: Fixes variable labels to support border radius #1050 (@torkelo)

Authors: 1

• Torkel Ödegaard (@torkelo)

v5.41.3

🐛 Bug Fix

• @grafana/scenes
  • SceneTimePicker: Add support for custom quick ranges #1048 (@Sergej-Vlasov)

Authors: 1

• @Sergej-Vlasov

v5.41.2

🐛 Bug Fix

• @grafana/scenes
  • Variables: Prevent queries from runners which are not specific to the query runner datasource #1044 (@bfmatei)
  • MultiValueVariable: Add getDefaultSingleState method #1035 (@domasx2)
• @grafana/scenes-react, @grafana/scenes
  • Dependencies: Bump Grafana packages to v11.5 #1040 (@tskarhed)

Authors: 3

• Bogdan Matei (@bfmatei)
• Domas (@domasx2)
• Tobias Skarhed (@tskarhed)

v5.41.1

🐛 Bug Fix

• @grafana/scenes
  • LazyLoader: Prevent empty panels from not being hidden #1039 (@svennergr)

Authors: 1

• Sven Grossmann (@svennergr)

v5.41.0

🚀 Enhancement

• @grafana/scenes
  • Fix issue with custom variables losing URL value when there are no options #1033 (@mdvictor)

Authors: 1

• Victor Marin (@mdvictor)

v5.40.0

🚀 Enhancement

• @grafana/scenes
  • SceneVariableSet: Allow propagation of variable changes through local variable #1030 (@torkelo)

🐛 Bug Fix

• @grafana/scenes
  • Combobox: Displaying value instead of valueLabels on edit #1036 (@gtk-grafana)

Authors: 2

• Galen Kistler (@gtk-grafana)
• Torkel Ödegaard (@torkelo)