⬆️ Upgrade to @tabler/icons-react

src/widgets/media-server/DetailCollapseable.tsx

@@ -1,5 +1,5 @@
 import { Card, Divider, Flex, Grid, Group, Text } from '@mantine/core';
-import { IconDeviceMobile, IconId } from '@tabler/icons';
+import { IconDeviceMobile, IconId } from '@tabler/icons-react';
 import { GenericSessionInfo } from '../../types/api/media-server/session-info';
 
 export const DetailCollapseable = ({ session }: { session: GenericSessionInfo }) => {

src/widgets/media-server/MediaServerTile.tsx

@@ -9,7 +9,7 @@ import {
   Text,
   Title,
 } from '@mantine/core';
-import { IconAlertTriangle, IconMovie } from '@tabler/icons';
+import { IconAlertTriangle, IconMovie } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 import { AppAvatar } from '../../components/AppAvatar';
 import { useEditModeStore } from '../../components/Dashboard/Views/useEditModeStore';

src/widgets/media-server/NowPlayingDisplay.tsx

@@ -4,8 +4,8 @@ import {
   IconHeadphones,
   IconQuestionMark,
   IconVideo,
-  TablerIcon,
-} from '@tabler/icons';
+  Icon,
+} from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 import { GenericSessionInfo } from '../../types/api/media-server/session-info';
 
@@ -16,7 +16,7 @@ export const NowPlayingDisplay = ({ session }: { session: GenericSessionInfo })
     return null;
   }
 
-  const Icon = (): TablerIcon => {
+  const Icon = (): Icon => {
     switch (session.currentlyPlaying?.type) {
       case 'audio':
         return IconHeadphones;