@maestro_io/maestro-web-sdk 4.0.0-beta.2 → 4.0.0-beta.4

package/dist/src/modules/stats/view/WinProbability/WinProbability.d.ts

@@ -7,7 +7,7 @@ type WinProbabilityProps = {
     item: WinProbabilityStatsItem;
 };
 declare const _default: {
-    new (props?: (WinProbabilityProps & WithFocusableProps) | undefined, context?: any): {
+    new (props: (WinProbabilityProps & WithFocusableProps) | Readonly<WinProbabilityProps & WithFocusableProps>): {
         state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState;
         navigation: import("../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
@@ -27,20 +27,65 @@ declare const _default: {
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;
-        render(): React.ReactElement<WinProbabilityProps & WithFocusableProps>;
-        setState<K extends keyof import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: WinProbabilityProps & WithFocusableProps) => import("../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState, K>) | Pick<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState, K>, callback?: (() => any) | undefined): void;
-        forceUpdate(callBack?: (() => any) | undefined): void;
-        props: Readonly<{
-            children?: React.ReactNode;
-        }> & Readonly<WinProbabilityProps & WithFocusableProps>;
+        render(): React.ReactElement<WinProbabilityProps & WithFocusableProps, string | React.JSXElementConstructor<any>>;
         context: any;
+        setState<K extends keyof import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<WinProbabilityProps & WithFocusableProps>) => import("../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<WinProbabilityProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
+        shouldComponentUpdate?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<WinProbabilityProps & WithFocusableProps>, prevState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
         componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: WinProbabilityProps & WithFocusableProps, context: any): {
+        state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../external/spatial-navigation/utils").Direction, details?: Record<string, any>) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../external/spatial-navigation/utils").Direction, details: import("../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<WinProbabilityProps & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<WinProbabilityProps & WithFocusableProps>) => import("../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<WinProbabilityProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
         shouldComponentUpdate?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<WinProbabilityProps & WithFocusableProps>, prevState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<WinProbabilityProps & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
     };
     contextTypes: {
         parentFocusKey: import("prop-types").Requireable<string>;
@@ -48,5 +93,6 @@ declare const _default: {
     childContextTypes: {
         parentFocusKey: import("prop-types").Requireable<string>;
     };
+    contextType?: React.Context<any> | undefined;
 };
 export default _default;

package/dist/src/modules/stats/view/components/AthletesStatistics/AthletesStatistics.d.ts

@@ -22,7 +22,7 @@ export type AthletesStatisticsProps = {
     item: AthletesStatisticsItem;
 };
 declare const _default: {
-    new (props?: (AthletesStatisticsProps & WithFocusableProps) | undefined, context?: any): {
+    new (props: (AthletesStatisticsProps & WithFocusableProps) | Readonly<AthletesStatisticsProps & WithFocusableProps>): {
         state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
         navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
@@ -42,20 +42,65 @@ declare const _default: {
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;
-        render(): React.ReactElement<AthletesStatisticsProps & WithFocusableProps>;
-        setState<K extends keyof import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: AthletesStatisticsProps & WithFocusableProps) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K>) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K>, callback?: (() => any) | undefined): void;
-        forceUpdate(callBack?: (() => any) | undefined): void;
-        props: Readonly<{
-            children?: React.ReactNode;
-        }> & Readonly<AthletesStatisticsProps & WithFocusableProps>;
+        render(): React.ReactElement<AthletesStatisticsProps & WithFocusableProps, string | React.JSXElementConstructor<any>>;
         context: any;
+        setState<K extends keyof import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<AthletesStatisticsProps & WithFocusableProps>) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<AthletesStatisticsProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
+        shouldComponentUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
         componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: AthletesStatisticsProps & WithFocusableProps, context: any): {
+        state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details?: Record<string, any>) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details: import("../../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<AthletesStatisticsProps & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        context: any;
+        setState<K extends keyof import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<AthletesStatisticsProps & WithFocusableProps>) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<AthletesStatisticsProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
         shouldComponentUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
     };
     contextTypes: {
         parentFocusKey: import("prop-types").Requireable<string>;
@@ -63,5 +108,6 @@ declare const _default: {
     childContextTypes: {
         parentFocusKey: import("prop-types").Requireable<string>;
     };
+    contextType?: React.Context<any> | undefined;
 };
 export default _default;

package/dist/src/modules/stats/view/components/AthletesStatistics/StatisticTable.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { AthletesStatisticsProps } from './AthletesStatistics';
-declare const StatisticsTable: (props: AthletesStatisticsProps) => React.JSX.Element;
+declare const StatisticsTable: (props: AthletesStatisticsProps) => JSX.Element;
 export default StatisticsTable;

package/dist/src/modules/stats/view-model/StatsViewModel.d.ts

@@ -156,7 +156,7 @@ export declare class StatsViewModel extends ViewModel {
      * Sets panel-specific data configuration
      * @param panelData - Object containing panel configuration
      */
-    setPanelData(panelData: Record<string, any>): void;
+    setDataToPanel(panelData: Record<string, any>): void;
     /**
      * Initialize the ViewModel and start data fetching
      */

package/dist/src/modules/stats/view-model/StatsViewModel.js

@@ -146,7 +146,7 @@ export class StatsViewModel extends ViewModel {
      * Sets panel-specific data configuration
      * @param panelData - Object containing panel configuration
      */
-    setPanelData(panelData) {
+    setDataToPanel(panelData) {
         if ('overrideUrl' in panelData) {
             const overrideUrl = panelData.overrideUrl;
             if (typeof overrideUrl === 'string' && overrideUrl.length > 0) {

package/dist/src/services/AnalyticsService/AnalyticsService.js

@@ -138,10 +138,12 @@ class AnalyticsService {
             };
         }
         const metadata = pageConfig.page.metadata;
-        const event = SDK.getMaestroEventViewModel().getCurrentEventID();
         const airing = metadata?.external_field_4 === 'airing'
             ? metadata.external_field_1 || ''
             : '';
+        const event = metadata?.external_field_4 === 'event'
+            ? metadata.external_field_1 || 'unknown'
+            : 'unknown';
         const sport = metadata?.external_field_2 || '';
         const league = metadata?.external_field_3 || '';
         return {

package/dist/src/services/NetworkManager/NetworkManager.js

@@ -122,7 +122,7 @@ class NetworkManager {
     /**
      * Make a request to the Maestro API
      */
-    async maestroApiRequest({ endpoint, method = HttpMethod.GET, params = {}, data = null, headers = {}, useCache = true, maestroDefaultHeaders = null, skipResponseBodyDeserialization = false, }) {
+    async maestroApiRequest({ endpoint, method = HttpMethod.GET, params = {}, data = null, headers = {}, useCache = false, maestroDefaultHeaders = null, skipResponseBodyDeserialization = false, }) {
         // Add SDK flavor to headers
         const requestHeaders = {
             'x-maestro-maestro-kit-flavor': SDK_FLAVOR,
@@ -179,7 +179,7 @@ class NetworkManager {
     /**
      * Make a request to an external API
      */
-    async externalApiRequest({ endpoint, method = HttpMethod.GET, params = {}, data = null, headers = {}, useCache = true, skipResponseBodyDeserialization = false, }) {
+    async externalApiRequest({ endpoint, method = HttpMethod.GET, params = {}, data = null, headers = {}, useCache = false, skipResponseBodyDeserialization = false, }) {
         // Check cache if using GET and cache is enabled
         if (method === HttpMethod.GET && useCache) {
             const cacheKey = this.cacheManager.produceCacheKey(JSON.stringify({
@@ -225,7 +225,7 @@ class NetworkManager {
     /**
      * Make a request to an external API and return both data and headers
      */
-    async externalApiRequestWithHeaders({ endpoint, method = HttpMethod.GET, params = {}, data = null, headers = {}, useCache = true, skipResponseBodyDeserialization = false, }) {
+    async externalApiRequestWithHeaders({ endpoint, method = HttpMethod.GET, params = {}, data = null, headers = {}, useCache = false, skipResponseBodyDeserialization = false, }) {
         // Check cache if using GET and cache is enabled
         if (method === HttpMethod.GET && useCache) {
             const cacheKey = this.cacheManager.produceCacheKey(JSON.stringify({

package/dist/src/view-models/MaestroEventViewModel.d.ts

@@ -30,7 +30,7 @@ export declare class MaestroEventViewModel extends ViewModel implements IMaestro
     setActivePanel(panelType: MaestroPanelType): void;
     updatePlayerTimeCode(timestamp: number): void;
     getPlayerTimeCode(): number | null;
-    setPanelData(panelData: Record<string, any>): void;
+    setDataToPanel(panelData: Record<string, any>): void;
     deinit(): Promise<void>;
     updateKeyPlaysData(data: IMaestroKeyPlaysResponse | null): Promise<void>;
     updateUserSettings(settings: IUserSettings): Promise<void>;

package/dist/src/view-models/MaestroEventViewModel.js

@@ -111,10 +111,7 @@ export class MaestroEventViewModel extends ViewModel {
             ? new ShopViewModel(eventId)
             : null;
         this.panelManagerViewModel = new PanelManagerViewModel();
-        this.navigation = new SpatialNavigation({
-            throttle: 150,
-            throttleKeypresses: true,
-        });
+        this.navigation = new SpatialNavigation();
     }
     setActivePanel(panelType) {
         const index = this.panelManagerViewModel.getIndex(panelType);
@@ -143,7 +140,7 @@ export class MaestroEventViewModel extends ViewModel {
     getPlayerTimeCode() {
         return this.playerTimeCode;
     }
-    setPanelData(panelData) {
+    setDataToPanel(panelData) {
         const panelTypes = Object.keys(panelData);
         // Map panel types to view model instances
         const viewModels = {
@@ -160,12 +157,12 @@ export class MaestroEventViewModel extends ViewModel {
             const viewModel = viewModels[panelType];
             if (!viewModel) {
                 // Panel is not initialized, so we ignore the data
-                console.log(`[setPanelData] Panel '${panelType}' not initialized/supported. Data ignored.`);
+                console.log(`[setDataToPanel] Panel '${panelType}' not initialized/supported. Data ignored.`);
             }
             else {
-                // Panel exists, call its setPanelData method
-                if (panelType === 'espnStats' && viewModel.setPanelData) {
-                    viewModel.setPanelData(data);
+                // Panel exists, call its setDataToPanel method
+                if (panelType === 'espnStats' && viewModel.setDataToPanel) {
+                    viewModel.setDataToPanel(data);
                 }
             }
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maestro_io/maestro-web-sdk",
   "private": false,
-  "version": "4.0.0-beta.2",
+  "version": "4.0.0-beta.4",
   "type": "commonjs",
   "license": "MIT",
   "main": "dist/maestro-web-sdk.umd.js",
@@ -38,19 +38,19 @@
     "@babel/preset-env": "7.12.1",
     "@babel/preset-react": "7.12.1",
     "@babel/preset-typescript": "7.12.1",
-    "@types/enzyme-adapter-react-15": "^1.0.9",
+    "@types/enzyme-adapter-react-16": "^1.0.6",
     "@types/jest": "24.0.25",
     "@types/node": "10",
     "@types/prop-types": "^15.7.10",
-    "@types/react": "15",
-    "@types/react-dom": "15",
+    "@types/react": "16.14.34",
+    "@types/react-dom": "16.9.18",
     "@typescript-eslint/eslint-plugin": "2.34.0",
     "@typescript-eslint/parser": "2.34.0",
     "babel-jest": "26.6.3",
     "babel-loader": "8",
     "css-loader": "5",
     "enzyme": "3.11.0",
-    "enzyme-adapter-react-15": "1.0.6",
+    "enzyme-adapter-react-16": "1.15.7",
     "eslint": "6.8.0",
     "eslint-config-prettier": "6.0.0",
     "eslint-plugin-react": "7.20.0",
@@ -62,7 +62,7 @@
     "jest": "26.6.3",
     "nodemon": "^3.1.9",
     "prettier": "2.0.5",
-    "react-test-renderer": "15",
+    "react-test-renderer": "16.14.0",
     "style-loader": "2",
     "tsconfig-paths-webpack-plugin": "^4.2.0",
     "typescript": "^4",
@@ -75,9 +75,13 @@
     "@sentry/browser": "7.68.0",
     "axios": "^0.27.2",
     "flexibility": "^2.0.1",
-    "prop-types": "15",
-    "react": "^15.0.0",
-    "react-dom": "^15.0.0"
+    "prop-types": "15.8.1",
+    "react": "16.14.0",
+    "react-dom": "16.14.0"
+  },
+  "peerDependencies": {
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0"
   },
   "resolutions": {
     "sockjs-client": "1.5.1",