diff --git a/ui/package-lock.json b/ui/package-lock.json index 640d23de6..2e27e244b 100644 --- a/ui/package-lock.json +++ b/ui/package-lock.json @@ -15928,14 +15928,6 @@ "resolved": "https://registry.npmjs.org/mobx/-/mobx-5.15.4.tgz", "integrity": "sha512-xRFJxSU2Im3nrGCdjSuOTFmxVDGeqOHL+TyADCGbT0k4HHqGmx5u2yaHNryvoORpI4DfbzjJ5jPmuv+d7sioFw==" }, - "mobx-react": { - "version": "6.2.2", - "resolved": "https://registry.npmjs.org/mobx-react/-/mobx-react-6.2.2.tgz", - "integrity": "sha512-Us6V4ng/iKIRJ8pWxdbdysC6bnS53ZKLKlVGBqzHx6J+gYPYbOotWvhHZnzh/W5mhpYXxlXif4kL2cxoWJOplQ==", - "requires": { - "mobx-react-lite": "2" - } - }, "mobx-react-lite": { "version": "2.0.7", "resolved": "https://registry.npmjs.org/mobx-react-lite/-/mobx-react-lite-2.0.7.tgz", diff --git a/ui/package.json b/ui/package.json index e5888943f..0b348e8f3 100644 --- a/ui/package.json +++ b/ui/package.json @@ -29,7 +29,6 @@ "lodash.throttle": "4.1.1", "lodash.uniqueid": "4.0.1", "mobx": "5.15.4", - "mobx-react": "6.2.2", "mobx-react-lite": "2.0.7", "mobx-stored": "1.1.0", "moment": "2.26.0", diff --git a/ui/src/App.tsx b/ui/src/App.tsx index 18c678e8b..8116e3244 100644 --- a/ui/src/App.tsx +++ b/ui/src/App.tsx @@ -5,7 +5,7 @@ import React, { useCallback, } from "react"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import Media from "react-media"; diff --git a/ui/src/Components/AlertAck/index.js b/ui/src/Components/AlertAck/index.js index a9125b214..0dc963e8f 100644 --- a/ui/src/Components/AlertAck/index.js +++ b/ui/src/Components/AlertAck/index.js @@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react"; import PropTypes from "prop-types"; import { toJS } from "mobx"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import moment from "moment"; diff --git a/ui/src/Components/FaviconBadge/index.js b/ui/src/Components/FaviconBadge/index.js index 9060e1cb0..83c3cf492 100644 --- a/ui/src/Components/FaviconBadge/index.js +++ b/ui/src/Components/FaviconBadge/index.js @@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react"; import PropTypes from "prop-types"; import { autorun } from "mobx"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import Favico from "favico.js"; diff --git a/ui/src/Components/Fetcher/index.js b/ui/src/Components/Fetcher/index.js index 65ad4a1bc..fabe0a862 100644 --- a/ui/src/Components/Fetcher/index.js +++ b/ui/src/Components/Fetcher/index.js @@ -2,7 +2,7 @@ import React, { useEffect, useRef } from "react"; import PropTypes from "prop-types"; import { reaction } from "mobx"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import moment from "moment"; diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.js index 6e7fe6523..733192083 100644 --- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.js +++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.js @@ -1,7 +1,7 @@ import React, { useRef, useState, useCallback } from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { Manager, Reference, Popper } from "react-popper"; diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.js index 9e5677a00..c6feb5e62 100644 --- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.js +++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faVolumeMute } from "@fortawesome/free-solid-svg-icons/faVolumeMute"; diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/index.js index a2b2d205b..c9204a6a6 100644 --- a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/index.js +++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/index.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { APIGroup } from "Models/API"; import { StaticLabels } from "Common/Query"; diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/index.js index 2f4b5640e..d2d88355f 100644 --- a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/index.js +++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/index.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { APIGroup } from "Models/API"; import { AlertStore } from "Stores/AlertStore"; diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js index 156f2e213..253b1dae5 100644 --- a/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js +++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js @@ -1,7 +1,7 @@ import React, { useEffect, useCallback, useRef, useState } from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { Fade } from "react-reveal"; diff --git a/ui/src/Components/Grid/AlertGrid/Grid.js b/ui/src/Components/Grid/AlertGrid/Grid.js index 15db7c0bb..0e8579a5b 100644 --- a/ui/src/Components/Grid/AlertGrid/Grid.js +++ b/ui/src/Components/Grid/AlertGrid/Grid.js @@ -1,7 +1,7 @@ import React, { useEffect, useState, useCallback } from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import debounce from "lodash.debounce"; diff --git a/ui/src/Components/Grid/AlertGrid/index.js b/ui/src/Components/Grid/AlertGrid/index.js index d63f4ccf9..4d87c23c0 100644 --- a/ui/src/Components/Grid/AlertGrid/index.js +++ b/ui/src/Components/Grid/AlertGrid/index.js @@ -1,7 +1,7 @@ import React, { useEffect, useCallback, useState } from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import debounce from "lodash.debounce"; diff --git a/ui/src/Components/Grid/index.js b/ui/src/Components/Grid/index.js index db3931750..4918bf0a5 100644 --- a/ui/src/Components/Grid/index.js +++ b/ui/src/Components/Grid/index.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { AlertStore } from "Stores/AlertStore"; import { Settings } from "Stores/Settings"; diff --git a/ui/src/Components/Labels/FilterInputLabel/index.js b/ui/src/Components/Labels/FilterInputLabel/index.js index 0e6fb98be..596f2082d 100644 --- a/ui/src/Components/Labels/FilterInputLabel/index.js +++ b/ui/src/Components/Labels/FilterInputLabel/index.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons/faExclamationCircle"; diff --git a/ui/src/Components/Labels/FilteringCounterBadge/index.js b/ui/src/Components/Labels/FilteringCounterBadge/index.js index f118e6577..2e54b7b03 100644 --- a/ui/src/Components/Labels/FilteringCounterBadge/index.js +++ b/ui/src/Components/Labels/FilteringCounterBadge/index.js @@ -1,7 +1,7 @@ import React, { useCallback } from "react"; import PropTypes from "prop-types"; -import { observer } from "mobx-react"; +import { observer } from "mobx-react-lite"; import Flash from "react-reveal/Flash"; diff --git a/ui/src/Components/Labels/FilteringLabel/index.js b/ui/src/Components/Labels/FilteringLabel/index.js index c2553d680..467b28e82 100644 --- a/ui/src/Components/Labels/FilteringLabel/index.js +++ b/ui/src/Components/Labels/FilteringLabel/index.js @@ -1,6 +1,6 @@ import React, { useCallback } from "react"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { QueryOperators, FormatQuery } from "Common/Query"; import { TooltipWrapper } from "Components/TooltipWrapper"; diff --git a/ui/src/Components/Labels/HistoryLabel/index.js b/ui/src/Components/Labels/HistoryLabel/index.js index 404e43d5a..d3e8749ad 100644 --- a/ui/src/Components/Labels/HistoryLabel/index.js +++ b/ui/src/Components/Labels/HistoryLabel/index.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { QueryOperators } from "Common/Query"; import { AlertStore } from "Stores/AlertStore"; diff --git a/ui/src/Components/Labels/LabelWithPercent/index.js b/ui/src/Components/Labels/LabelWithPercent/index.js index 82a6c155b..a6e3b9bc3 100644 --- a/ui/src/Components/Labels/LabelWithPercent/index.js +++ b/ui/src/Components/Labels/LabelWithPercent/index.js @@ -1,7 +1,7 @@ import React, { useCallback } from "react"; import PropTypes from "prop-types"; -import { observer } from "mobx-react"; +import { observer } from "mobx-react-lite"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faTimes } from "@fortawesome/free-solid-svg-icons/faTimes"; diff --git a/ui/src/Components/Labels/StaticLabel/index.js b/ui/src/Components/Labels/StaticLabel/index.js index 6a9f8f475..a16f800f1 100644 --- a/ui/src/Components/Labels/StaticLabel/index.js +++ b/ui/src/Components/Labels/StaticLabel/index.js @@ -1,6 +1,6 @@ import React from "react"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { GetClassAndStyle } from "Components/Labels/Utils"; diff --git a/ui/src/Components/MainModal/Configuration/AlertGroupCollapseConfiguration.js b/ui/src/Components/MainModal/Configuration/AlertGroupCollapseConfiguration.js index 40feaf823..bb6e9e085 100644 --- a/ui/src/Components/MainModal/Configuration/AlertGroupCollapseConfiguration.js +++ b/ui/src/Components/MainModal/Configuration/AlertGroupCollapseConfiguration.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import Select from "react-select"; diff --git a/ui/src/Components/MainModal/Configuration/AlertGroupSortConfiguration.js b/ui/src/Components/MainModal/Configuration/AlertGroupSortConfiguration.js index 9aa786a2d..12f72aec9 100644 --- a/ui/src/Components/MainModal/Configuration/AlertGroupSortConfiguration.js +++ b/ui/src/Components/MainModal/Configuration/AlertGroupSortConfiguration.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import Select from "react-select"; diff --git a/ui/src/Components/MainModal/Configuration/AlertGroupTitleBarColor.js b/ui/src/Components/MainModal/Configuration/AlertGroupTitleBarColor.js index e5018587d..f0e978c6e 100644 --- a/ui/src/Components/MainModal/Configuration/AlertGroupTitleBarColor.js +++ b/ui/src/Components/MainModal/Configuration/AlertGroupTitleBarColor.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { Settings } from "Stores/Settings"; diff --git a/ui/src/Components/MainModal/Configuration/FilterBarConfiguration.js b/ui/src/Components/MainModal/Configuration/FilterBarConfiguration.js index 3092759cd..b04854d60 100644 --- a/ui/src/Components/MainModal/Configuration/FilterBarConfiguration.js +++ b/ui/src/Components/MainModal/Configuration/FilterBarConfiguration.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { Settings } from "Stores/Settings"; diff --git a/ui/src/Components/MainModal/Configuration/MultiGridConfiguration.js b/ui/src/Components/MainModal/Configuration/MultiGridConfiguration.js index adc94fa40..b91168ba3 100644 --- a/ui/src/Components/MainModal/Configuration/MultiGridConfiguration.js +++ b/ui/src/Components/MainModal/Configuration/MultiGridConfiguration.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { Settings } from "Stores/Settings"; import { GridLabelName } from "./GridLabelName"; diff --git a/ui/src/Components/MainModal/Configuration/ThemeConfiguration.js b/ui/src/Components/MainModal/Configuration/ThemeConfiguration.js index 4e3ac51ba..6de31d044 100644 --- a/ui/src/Components/MainModal/Configuration/ThemeConfiguration.js +++ b/ui/src/Components/MainModal/Configuration/ThemeConfiguration.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import Select from "react-select"; diff --git a/ui/src/Components/MainModal/MainModalContent.js b/ui/src/Components/MainModal/MainModalContent.js index 7eeb89fc6..730c85dfe 100644 --- a/ui/src/Components/MainModal/MainModalContent.js +++ b/ui/src/Components/MainModal/MainModalContent.js @@ -1,7 +1,7 @@ import React, { useState } from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { AlertStore } from "Stores/AlertStore"; import { Settings } from "Stores/Settings"; diff --git a/ui/src/Components/ManagedSilence/SilenceProgress.js b/ui/src/Components/ManagedSilence/SilenceProgress.js index 2672b55d5..66a4d0611 100644 --- a/ui/src/Components/ManagedSilence/SilenceProgress.js +++ b/ui/src/Components/ManagedSilence/SilenceProgress.js @@ -1,6 +1,6 @@ import React, { useEffect, useState } from "react"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import moment from "moment"; import Moment from "react-moment"; diff --git a/ui/src/Components/NavBar/FetchIndicator/index.js b/ui/src/Components/NavBar/FetchIndicator/index.js index 57d8dc8a8..65c33a831 100644 --- a/ui/src/Components/NavBar/FetchIndicator/index.js +++ b/ui/src/Components/NavBar/FetchIndicator/index.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faCircleNotch } from "@fortawesome/free-solid-svg-icons/faCircleNotch"; diff --git a/ui/src/Components/NavBar/FilterInput/History.js b/ui/src/Components/NavBar/FilterInput/History.js index d68d76789..065eba542 100644 --- a/ui/src/Components/NavBar/FilterInput/History.js +++ b/ui/src/Components/NavBar/FilterInput/History.js @@ -1,7 +1,7 @@ import React, { useEffect, useRef, useState, useCallback } from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { localStored } from "mobx-stored"; import { Manager, Reference, Popper } from "react-popper"; diff --git a/ui/src/Components/NavBar/FilterInput/index.js b/ui/src/Components/NavBar/FilterInput/index.js index e9b1b2559..a8c21ee1d 100644 --- a/ui/src/Components/NavBar/FilterInput/index.js +++ b/ui/src/Components/NavBar/FilterInput/index.js @@ -1,7 +1,7 @@ import React, { useEffect, useState, useRef, useCallback } from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import Autosuggest from "react-autosuggest"; import Highlight from "react-highlighter"; diff --git a/ui/src/Components/NavBar/index.js b/ui/src/Components/NavBar/index.js index 753fc9c0b..c299f95cf 100644 --- a/ui/src/Components/NavBar/index.js +++ b/ui/src/Components/NavBar/index.js @@ -2,7 +2,7 @@ import React, { useState, useRef, useEffect, useCallback } from "react"; import PropTypes from "prop-types"; import { reaction } from "mobx"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import ReactResizeDetector from "react-resize-detector"; diff --git a/ui/src/Components/OverviewModal/OverviewModalContent.js b/ui/src/Components/OverviewModal/OverviewModalContent.js index 967fcd574..89bbf0638 100644 --- a/ui/src/Components/OverviewModal/OverviewModalContent.js +++ b/ui/src/Components/OverviewModal/OverviewModalContent.js @@ -1,7 +1,7 @@ import React, { useState } from "react"; import PropTypes from "prop-types"; -import { observer } from "mobx-react"; +import { observer } from "mobx-react-lite"; import { AlertStore } from "Stores/AlertStore"; import { TooltipWrapper } from "Components/TooltipWrapper"; diff --git a/ui/src/Components/OverviewModal/index.js b/ui/src/Components/OverviewModal/index.js index b7b29e511..82833dc94 100644 --- a/ui/src/Components/OverviewModal/index.js +++ b/ui/src/Components/OverviewModal/index.js @@ -1,7 +1,7 @@ import React, { useState, useCallback } from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import Flash from "react-reveal/Flash"; diff --git a/ui/src/Components/SilenceModal/AlertManagerInput/index.js b/ui/src/Components/SilenceModal/AlertManagerInput/index.js index 65d56e9ed..2a03386aa 100644 --- a/ui/src/Components/SilenceModal/AlertManagerInput/index.js +++ b/ui/src/Components/SilenceModal/AlertManagerInput/index.js @@ -2,7 +2,7 @@ import React, { useEffect } from "react"; import PropTypes from "prop-types"; import { autorun } from "mobx"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import Select from "react-select"; diff --git a/ui/src/Components/SilenceModal/Browser/index.js b/ui/src/Components/SilenceModal/Browser/index.js index b48dc6520..415a9b5a8 100644 --- a/ui/src/Components/SilenceModal/Browser/index.js +++ b/ui/src/Components/SilenceModal/Browser/index.js @@ -1,7 +1,7 @@ import React, { useState, useEffect } from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { Fade } from "react-reveal"; diff --git a/ui/src/Components/SilenceModal/DateTimeSelect/Duration.js b/ui/src/Components/SilenceModal/DateTimeSelect/Duration.js index a1229aadf..8f2b4943a 100644 --- a/ui/src/Components/SilenceModal/DateTimeSelect/Duration.js +++ b/ui/src/Components/SilenceModal/DateTimeSelect/Duration.js @@ -1,7 +1,7 @@ import React, { useEffect, useRef } from "react"; import PropTypes from "prop-types"; -import { observer } from "mobx-react"; +import { observer } from "mobx-react-lite"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faAngleUp } from "@fortawesome/free-solid-svg-icons/faAngleUp"; diff --git a/ui/src/Components/SilenceModal/DateTimeSelect/HourMinute.js b/ui/src/Components/SilenceModal/DateTimeSelect/HourMinute.js index cee2033ac..158851c65 100644 --- a/ui/src/Components/SilenceModal/DateTimeSelect/HourMinute.js +++ b/ui/src/Components/SilenceModal/DateTimeSelect/HourMinute.js @@ -1,7 +1,7 @@ import React, { useEffect, useRef } from "react"; import PropTypes from "prop-types"; -import { observer } from "mobx-react"; +import { observer } from "mobx-react-lite"; import moment from "moment"; diff --git a/ui/src/Components/SilenceModal/DateTimeSelect/index.js b/ui/src/Components/SilenceModal/DateTimeSelect/index.js index 8c60886f2..ae9a4d749 100644 --- a/ui/src/Components/SilenceModal/DateTimeSelect/index.js +++ b/ui/src/Components/SilenceModal/DateTimeSelect/index.js @@ -1,7 +1,7 @@ import React, { useEffect, useState, useCallback } from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import moment from "moment"; diff --git a/ui/src/Components/SilenceModal/PayloadPreview/index.js b/ui/src/Components/SilenceModal/PayloadPreview/index.js index 890806f83..8fee98b6a 100644 --- a/ui/src/Components/SilenceModal/PayloadPreview/index.js +++ b/ui/src/Components/SilenceModal/PayloadPreview/index.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import JSONPretty from "react-json-pretty"; import * as theme from "react-json-pretty/dist/monikai"; diff --git a/ui/src/Components/SilenceModal/SilenceForm.js b/ui/src/Components/SilenceModal/SilenceForm.js index 576bda3e6..95aa8bcda 100644 --- a/ui/src/Components/SilenceModal/SilenceForm.js +++ b/ui/src/Components/SilenceModal/SilenceForm.js @@ -1,7 +1,7 @@ import React, { useEffect, useState } from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faPlus } from "@fortawesome/free-solid-svg-icons/faPlus"; diff --git a/ui/src/Components/SilenceModal/SilenceMatch/LabelValueInput.js b/ui/src/Components/SilenceModal/SilenceMatch/LabelValueInput.js index 0c220f171..6716097f6 100644 --- a/ui/src/Components/SilenceModal/SilenceMatch/LabelValueInput.js +++ b/ui/src/Components/SilenceModal/SilenceMatch/LabelValueInput.js @@ -1,7 +1,7 @@ import React, { useEffect } from "react"; import PropTypes from "prop-types"; -import { observer } from "mobx-react"; +import { observer } from "mobx-react-lite"; import { components } from "react-select"; diff --git a/ui/src/Components/SilenceModal/SilenceMatch/MatchCounter.js b/ui/src/Components/SilenceModal/SilenceMatch/MatchCounter.js index 257833c68..787f3ee1d 100644 --- a/ui/src/Components/SilenceModal/SilenceMatch/MatchCounter.js +++ b/ui/src/Components/SilenceModal/SilenceMatch/MatchCounter.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons/faExclamationCircle"; diff --git a/ui/src/Components/SilenceModal/SilenceMatch/index.js b/ui/src/Components/SilenceModal/SilenceMatch/index.js index e41c370e0..34c003de1 100644 --- a/ui/src/Components/SilenceModal/SilenceMatch/index.js +++ b/ui/src/Components/SilenceModal/SilenceMatch/index.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faTrash } from "@fortawesome/free-solid-svg-icons/faTrash"; diff --git a/ui/src/Components/SilenceModal/SilenceModalContent.js b/ui/src/Components/SilenceModal/SilenceModalContent.js index 35643d792..5372755cf 100644 --- a/ui/src/Components/SilenceModal/SilenceModalContent.js +++ b/ui/src/Components/SilenceModal/SilenceModalContent.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { useObserver } from "mobx-react"; +import { useObserver } from "mobx-react-lite"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faLock } from "@fortawesome/free-solid-svg-icons/faLock"; diff --git a/ui/src/Components/SilenceModal/index.js b/ui/src/Components/SilenceModal/index.js index 3129dc00b..dee05df69 100644 --- a/ui/src/Components/SilenceModal/index.js +++ b/ui/src/Components/SilenceModal/index.js @@ -1,7 +1,7 @@ import React from "react"; import PropTypes from "prop-types"; -import { observer } from "mobx-react"; +import { observer } from "mobx-react-lite"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faBellSlash } from "@fortawesome/free-solid-svg-icons/faBellSlash";