From a543e06c641e9b1f6bb7cf841e54ebca1f63e56a Mon Sep 17 00:00:00 2001
From: Panagiota Mitsopoulou <giota85@gmail.com>
Date: Fri, 23 Feb 2024 13:45:20 +0100
Subject: [PATCH] add missing router to the slo burn down embeddable

---
 .../error_budget/slo_error_budget_embeddable.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/x-pack/plugins/observability/public/embeddable/slo/error_budget/slo_error_budget_embeddable.tsx b/x-pack/plugins/observability/public/embeddable/slo/error_budget/slo_error_budget_embeddable.tsx
index cf5b824289cbd..8e47234492faf 100644
--- a/x-pack/plugins/observability/public/embeddable/slo/error_budget/slo_error_budget_embeddable.tsx
+++ b/x-pack/plugins/observability/public/embeddable/slo/error_budget/slo_error_budget_embeddable.tsx
@@ -7,14 +7,13 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { i18n } from '@kbn/i18n';
-
+import { Router } from '@kbn/shared-ux-router';
 import {
   Embeddable as AbstractEmbeddable,
   EmbeddableOutput,
   IContainer,
 } from '@kbn/embeddable-plugin/public';
 import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public';
-
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import {
   type CoreStart,
@@ -23,6 +22,7 @@ import {
   NotificationsStart,
 } from '@kbn/core/public';
 import { Subject } from 'rxjs';
+import { createBrowserHistory } from 'history';
 import type { SloErrorBudgetEmbeddableInput } from './types';
 import { SloErrorBudget } from './slo_error_budget_burn_down';
 export const SLO_ERROR_BUDGET_EMBEDDABLE = 'SLO_ERROR_BUDGET_EMBEDDABLE';
@@ -79,11 +79,13 @@ export class SLOErrorBudgetEmbeddable extends AbstractEmbeddable<
     const I18nContext = this.deps.i18n.Context;
     ReactDOM.render(
       <I18nContext>
-        <KibanaContextProvider services={this.deps}>
-          <QueryClientProvider client={queryClient}>
-            <SloErrorBudget sloId={sloId} sloInstanceId={sloInstanceId} />
-          </QueryClientProvider>
-        </KibanaContextProvider>
+        <Router history={createBrowserHistory()}>
+          <KibanaContextProvider services={this.deps}>
+            <QueryClientProvider client={queryClient}>
+              <SloErrorBudget sloId={sloId} sloInstanceId={sloInstanceId} />
+            </QueryClientProvider>
+          </KibanaContextProvider>
+        </Router>
       </I18nContext>,
       node
     );