fixed #105 for real

components/groupcontent.tsx

@@ -6,7 +6,7 @@ import Chip from '@mui/material/Chip'
 import Skeleton from '@mui/material/Skeleton'
 import Typography from '@mui/material/Typography'
 import useMediaQuery from '@mui/material/useMediaQuery'
-import Tilty from 'react-tilty'
+import Tilty from '@au5ton/react-tilty'
 import { Chart } from 'react-google-charts'
 import { InstructorCard, InstructorCardSkeleton } from './instructorcard'
 import { GroupResult, PopulatedGroupResult } from '../lib/data/useAllGroups'

next.config.js

@@ -1,4 +1,4 @@
-const withTM = require('next-transpile-modules')(['fitty', 'react-fitty', 'react-tilty']);
+const withTM = require('next-transpile-modules')(['fitty', 'react-fitty', '@au5ton/react-tilty']);
 
 /** @type {import('next/dist/next-server/server/config').NextConfig} */
 module.exports = withTM({

package.json

@@ -38,7 +38,7 @@
     "react-google-charts": "^4.0.0",
     "react-highlight-words": "^0.17.0",
     "react-swipeable": "^6.1.2",
-    "react-tilty": "^2.0.3",
+    "@au5ton/react-tilty": "^2.0.4",
     "react-transition-group": "^4.4.2",
     "react-use": "^17.2.4",
     "reactfire": "^4.2.2",

pages/_app.tsx

@@ -4,8 +4,11 @@ import type { AppProps } from 'next/app'
 import { SWRConfig } from 'swr'
 import { ThemeProvider } from '@mui/material/styles'
 //import { FirebaseAppProvider } from 'reactfire'
+// @ts-ignore
 const FirebaseAppProvider = dynamic(() => import('../lib/firebase').then(mod => mod.FirebaseAppProviderWrapper));
+// @ts-ignore
 const RecoilRoot = dynamic(() => import('recoil').then(mod => mod.RecoilRoot))
+// @ts-ignore
 const PageViewLogger = dynamic(() => import('../components/pageviewlogger').then(mod => mod.PageViewLogger))
 //import Layout from '../components/layout'
 // eslint-disable-next-line react/display-name

pages/api/group/[groupId]/index.ts

@@ -9,5 +9,11 @@ export default async function GetOneGroup(req: NextApiRequest, res: NextApiRespo
   const { groupId } = req.query;
   const result = await getOneGroup(extract(groupId))
   res.setHeader('Cache-Control', CACHE_CONTROL);
-  res.json(result);
+  if (result) {
+    res.json(result);
+  }
+  else {
+    res.statusCode = 404;
+    res.send('Group Not Found' as any);
+  }
 }

pages/c/[courseName].tsx

@@ -10,7 +10,7 @@ import Chip from '@mui/material/Chip'
 import Skeleton from '@mui/material/Skeleton'
 import Alert from '@mui/material/Alert'
 import AlertTitle from '@mui/material/AlertTitle'
-import Tilty from 'react-tilty'
+import Tilty from '@au5ton/react-tilty'
 import { Chart } from 'react-google-charts'
 import { Course, PublicationInfo } from '@cougargrades/types'
 import { PankoRow } from '../../components/panko'

pages/i/[instructorName].tsx

@@ -12,7 +12,7 @@ import Skeleton from '@mui/material/Skeleton'
 import Container from '@mui/material/Container'
 import Typography from '@mui/material/Typography'
 import RateReviewIcon from '@mui/icons-material/RateReview'
-import Tilty from 'react-tilty'
+import Tilty from '@au5ton/react-tilty'
 import { Chart } from 'react-google-charts'
 import { Instructor } from '@cougargrades/types'
 import abbreviationMap from '@cougargrades/publicdata/bundle/edu.uh.publications.subjects/subjects.json'

tsconfig.json

@@ -15,17 +15,9 @@
     "module": "esnext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
-    /**
-      * TODO: Set to `true` when this pull request is accepted:
-      * https://github.com/jonahallibone/react-tilty/pull/14
-      */
     "isolatedModules": true,
     "jsx": "preserve",
     "incremental": true,
-    "typeRoots": [
-      "node_modules/@types",
-      "local-types"
-    ]
   },
   "include": [
     "**/*.ts",