Lint for tabs

.eslintrc.cjs

@@ -18,6 +18,7 @@ module.exports = {
     'import',
     'flowtype',
     'jsx-a11y',
+    '@stylistic',
     // 'jest',
     // 'testing-library',
 
@@ -116,6 +117,9 @@ module.exports = {
     // ],  // default "error"
     'no-useless-constructor': 'off',
     // '@typescript-eslint/no-useless-constructor': 'warn',  // default "error"
+
+    '@stylistic/no-tabs': 'error',
+
 
     /*
     // migrated from:

package.json

@@ -19,6 +19,8 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
+    "@stylistic/eslint-plugin": "^2.3.0",
+    "@stylistic/eslint-plugin-ts": "^2.3.0",
     "@types/proj4": "^2.5.5",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",

src/Map.css

@@ -5,18 +5,18 @@
 }
 
 #map-tooltip {
-	position: absolute;
-	display: inline-block;
-	height: auto;
-	width: auto;
-	z-index: 100;
-	background-color: #333;
-	color: #fff;
-	text-align: center;
-	border-radius: 4px;
-	padding: 5px;
-	left: 50%;
-	transform: translateX(3%);
-	visibility: hidden;
-	pointer-events: none;
+  position: absolute;
+  display: inline-block;
+  height: auto;
+  width: auto;
+  z-index: 100;
+  background-color: #333;
+  color: #fff;
+  text-align: center;
+  border-radius: 4px;
+  padding: 5px;
+  left: 50%;
+  transform: translateX(3%);
+  visibility: hidden;
+  pointer-events: none;
 }

src/Map.tsx

@@ -5,7 +5,7 @@ import { useMap } from '@src/map';
 
 
 export const Map = () => {
-	useMap();
+  useMap();
 
   return (
     <div id="map" style={{ width: '100vw', height: '100vh' }}>