fix by review

Author: dmlvr

apps/demos/Demos/FloatingActionButton/Overview/React/App.tsx

@@ -19,7 +19,7 @@ const App = () => {
 
   const selectedChanged = useCallback((e: DataGridTypes.SelectionChangedEvent) => {
     setSelectedRowIndex(e.component.getRowIndexByKey(e.selectedRowKeys[0]));
-  }, [setSelectedRowIndex]);
+  }, []);
 
   const directionChanged = useCallback((e: SelectBoxTypes.SelectionChangedEvent) => {
     config({

apps/demos/Demos/FloatingActionButton/Overview/ReactJs/App.js

@@ -13,12 +13,9 @@ import {
 const App = () => {
   const [selectedRowIndex, setSelectedRowIndex] = useState(-1);
   const gridRef = useRef(null);
-  const selectedChanged = useCallback(
-    (e) => {
-      setSelectedRowIndex(e.component.getRowIndexByKey(e.selectedRowKeys[0]));
-    },
-    [setSelectedRowIndex],
-  );
+  const selectedChanged = useCallback((e) => {
+    setSelectedRowIndex(e.component.getRowIndexByKey(e.selectedRowKeys[0]));
+  }, []);
   const directionChanged = useCallback((e) => {
     config({
       floatingActionButtonConfig: directions[e.selectedItem],

apps/demos/Demos/Localization/UsingIntl/React/global.d.ts

@@ -0,0 +1,4 @@
+declare module '*.json' {
+  const value: any;
+  export default value;
+}

apps/demos/Demos/VectorMap/ColorsCustomization/React/App.tsx

@@ -6,22 +6,18 @@ import VectorMap, {
   Border,
   Font,
 } from 'devextreme-react/vector-map';
-import type { ILayerProps, ITooltipProps } from 'devextreme-react/vector-map';
+import type { ILayerProps, ITooltipProps, VectorMapTypes } from 'devextreme-react/vector-map';
 
 import * as mapsData from 'devextreme-dist/js/vectormap-data/world.js';
 import { countries } from './data.ts';
 
-interface MapLayerElement {
-  attribute: (name: string) => string;
-  selected: (value?: boolean) => boolean;
-  applySettings?: (settings: Record<string, any>) => void;
-}
+type CountriesKey = keyof typeof countries;
 
 const bounds = [-180, 85, 180, -60];
 
 const customizeLayer: ILayerProps['customize'] = (elements) => {
   elements.forEach((element) => {
-    const name = element.attribute('name') as keyof typeof countries;
+    const name = element.attribute('name') as CountriesKey;
     const country = countries[name];
     if (country) {
       element.applySettings({
@@ -33,7 +29,7 @@ const customizeLayer: ILayerProps['customize'] = (elements) => {
   });
 };
 
-const clickHandler = ({ target }: { target: MapLayerElement }) => {
+const clickHandler = ({ target }: VectorMapTypes.ClickEvent) => {
   const name = target?.attribute('name') as keyof typeof countries;
   if (target && countries[name]) {
     target.selected(!target.selected());