diff --git a/src/legacy/core_plugins/kibana/public/management/sections/settings/index.html b/src/legacy/core_plugins/kibana/public/management/sections/settings/index.html
index 087e6054f141b..2fe8fce08b4ab 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/settings/index.html
+++ b/src/legacy/core_plugins/kibana/public/management/sections/settings/index.html
@@ -1,5 +1,5 @@
-
+
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/settings/index.js b/src/legacy/core_plugins/kibana/public/management/sections/settings/index.js
index 92736b1d4dd88..fed24dfd3c35e 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/settings/index.js
+++ b/src/legacy/core_plugins/kibana/public/management/sections/settings/index.js
@@ -32,7 +32,6 @@ import React from 'react';
import { AdvancedSettings } from './advanced_settings';
import { i18n } from '@kbn/i18n';
import { getBreadcrumbs } from './breadcrumbs';
-import { useEffectOnce } from 'react-use';
uiRoutes.when('/management/kibana/settings/:setting?', {
template: indexTemplate,
@@ -59,28 +58,22 @@ uiModules.get('apps/management').directive('kbnManagementAdvanced', function($ro
return {
restrict: 'E',
link: function($scope) {
- $scope.route = $route;
+ $scope.query = $route.current.params.setting || '';
+ $route.updateParams({ setting: null });
},
};
});
-const AdvancedSettingsApp = ({ route }) => {
- useEffectOnce(() => {
- route.updateParams({ setting: null });
- });
-
+const AdvancedSettingsApp = ({ query = '' }) => {
return (
-
+
);
};
uiModules.get('apps/management').directive('kbnManagementAdvancedReact', function(reactDirective) {
- return reactDirective(AdvancedSettingsApp, [['route', { watchDepth: 'reference' }]]);
+ return reactDirective(AdvancedSettingsApp, [['query', { watchDepth: 'reference' }]]);
});
management.getSection('kibana').register('settings', {