⬆️ Upgrade to @tabler/icons-react

src/widgets/weather/WeatherIcon.tsx

@@ -8,8 +8,8 @@ import {
   IconQuestionMark,
   IconSnowflake,
   IconSun,
-  TablerIcon,
-} from '@tabler/icons';
+  Icon,
+} from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 
 interface WeatherIconProps {
@@ -36,7 +36,7 @@ export const WeatherIcon = ({ code }: WeatherIconProps) => {
   );
 };
 
-type WeatherDefinitionType = { icon: TablerIcon; name: string; codes: number[] };
+type WeatherDefinitionType = { icon: Icon; name: string; codes: number[] };
 
 // 0 Clear sky
 // 1, 2, 3 Mainly clear, partly cloudy, and overcast

src/widgets/weather/WeatherTile.tsx

@@ -1,6 +1,6 @@
 import { Center, Group, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useElementSize } from '@mantine/hooks';
-import { IconArrowDownRight, IconArrowUpRight, IconCloudRain } from '@tabler/icons';
+import { IconArrowDownRight, IconArrowUpRight, IconCloudRain } from '@tabler/icons-react';
 import { defineWidget } from '../helper';
 import { IWidget } from '../widgets';
 import { useWeatherForCity } from './useWeatherForCity';