refactor: use absolute module paths

src/components/Room/Room.tsx

@@ -3,8 +3,8 @@ import { useParams } from 'react-router-dom'
 import Button from '@mui/material/Button'
 import Typography from '@mui/material/Typography'
 
-import { usePeerRoom } from '../../hooks/usePeerRoom'
+import { usePeerRoom } from 'hooks/usePeerRoom'
-import { PeerRoom } from '../../services/PeerRoom'
+import { PeerRoom } from 'services/PeerRoom'
 
 enum PeerActions {
   MESSAGE = 'MESSAGE',

src/hooks/usePeerRoom/usePeerRoom.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 
-import { PeerRoom, getPeerRoom } from '../../services/PeerRoom'
+import { PeerRoom, getPeerRoom } from 'services/PeerRoom'
 
 interface PeerRoomProps {
   appId: string

src/index.tsx

@@ -4,10 +4,10 @@ import { BrowserRouter as Router } from 'react-router-dom'
 import { ThemeProvider, createTheme } from '@mui/material/styles'
 import CssBaseline from '@mui/material/CssBaseline'
 
-import * as serviceWorkerRegistration from './serviceWorkerRegistration'
+import * as serviceWorkerRegistration from 'serviceWorkerRegistration'
-import './index.sass'
+import 'index.sass'
-import Bootstrap from './Bootstrap'
+import Bootstrap from 'Bootstrap'
-import reportWebVitals from './reportWebVitals'
+import reportWebVitals from 'reportWebVitals'
 
 const darkTheme = createTheme({
   palette: {

src/pages/PublicRoom/PublicRoom.tsx

@@ -1,4 +1,4 @@
-import { Room } from '../../components/Room'
+import { Room } from 'components/Room'
 
 export function PublicRoom() {
   return <Room />

src/services/PeerRoom/PeerRoom.ts

@@ -1,6 +1,6 @@
 import { joinRoom, Room, RoomConfig } from 'trystero'
 
-import { sleep } from '../../utils'
+import { sleep } from 'utils'
 
 export class PeerRoom {
   private room: Room

tsconfig.json

@@ -14,7 +14,8 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "baseUrl": "src"
   },
   "include": ["src"]
 }