fix: update babel config to resolve regeneratorRuntime issue.

Author: coder2000

.idea/dictionaries/coder2000.xml

@@ -22,6 +22,9 @@
         "camel2DashComponentName": false
       },
       "icons"
-    ]
+    ],
+    ["@babel/plugin-transform-runtime", {
+      "regenerator": true
+    }]
   ]
 }

packages/client/.babelrc

@@ -12,6 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "@babel/core": "^7.9.6",
+    "@babel/plugin-transform-runtime": "^7.10.1",
     "@babel/preset-env": "^7.9.6",
     "@babel/preset-react": "^7.9.4",
     "@babel/preset-typescript": "^7.9.0",
@@ -40,6 +41,7 @@
   },
   "dependencies": {
     "@apollo/react-hooks": "^3.1.5",
+    "@babel/runtime": "^7.10.2",
     "@material-ui/core": "^4.10.0",
     "@material-ui/icons": "^4.9.1",
     "apollo-boost": "^0.4.9",

packages/client/package.json

@@ -65,10 +65,7 @@ export function PodcastCard(props: PodcastProps) {
   const [anchorElement, setAnchorElement] = useState<null | HTMLElement>(null);
   const [visible, setVisible] = useState(true);
   const [expanded, setExpanded] = useState(false);
-  const [deletePodcast] = useMutation<
-    { deleteOnePodcast: DeleteResponse },
-    { input: DeleteOneInput }
-  >(DELETE_PODCAST);
+  const [deletePodcast] = useMutation<{ deleteOnePodcast: DeleteResponse }, { input: DeleteOneInput }>(DELETE_PODCAST);
   const classes = useStyles();
 
   const handleCardMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {
@@ -109,17 +106,10 @@ export function PodcastCard(props: PodcastProps) {
               <CardContent>
                 <Grid container>
                   <Grid item xs={2}>
-                    <img
-                      src={podcast.image}
-                      height="150"
-                      width="150"
-                      alt="podcast logo"
-                    />
+                    <img src={podcast.image} height="150" width="150" alt="podcast logo" />
                   </Grid>
                   <Grid item xs={10}>
-                    <Typography variant="body2">
-                      {podcast.description}
-                    </Typography>
+                    <Typography variant="body2">{podcast.description}</Typography>
                   </Grid>
                 </Grid>
               </CardContent>

packages/client/src/components/podcast/PodcastCard.tsx

@@ -3,7 +3,7 @@ import { useQuery } from '@apollo/react-hooks';
 import { gql } from 'apollo-boost';
 import { Typography } from '@material-ui/core';
 import { PageInfo, Podcast } from '../../interfaces';
-import PodcastCard from './PodcastCard';
+import { PodcastCard } from './PodcastCard';
 
 interface PodcastEdge {
   node: Podcast;
@@ -61,9 +61,7 @@ export function PodcastList() {
       ) : (
         <>
           {data ? (
-            data.podcasts.edges.map((edge) => (
-              <PodcastCard podcast={edge.node} />
-            ))
+            data.podcasts.edges.map((edge) => <PodcastCard podcast={edge.node} key={`podcast-${edge.node.id}`} />)
           ) : (
             <>
               <Typography variant="h5">No Podcasts</Typography>

packages/client/src/components/podcast/PodcastList.tsx

@@ -1,6 +1,6 @@
 {
   "name": "Speakrr GraphQL Schema",
-  "schemaPath": "./schema.gql",
+  "schemaPath": "./schema.graphql",
   "extensions": {
     "endpoints": {
       "Default GraphQL Endpoint": {

packages/server/.graphqlconfig

@@ -28,25 +28,25 @@
     "migration:run": "ts-node -r tsconfig-paths/register node_modules/.bin/typeorm migration:run"
   },
   "dependencies": {
-    "@nestjs-query/core": "^0.11.6",
-    "@nestjs-query/query-graphql": "^0.11.6",
-    "@nestjs-query/query-typeorm": "^0.11.6",
-    "@nestjs/common": "7.0.13",
+    "@nestjs-query/core": "^0.11.7",
+    "@nestjs-query/query-graphql": "^0.11.7",
+    "@nestjs-query/query-typeorm": "^0.11.7",
+    "@nestjs/common": "7.1.1",
     "@nestjs/config": "^0.5.0",
-    "@nestjs/core": "7.0.13",
-    "@nestjs/graphql": "7.3.9",
-    "@nestjs/platform-express": "^7.1.0",
+    "@nestjs/core": "7.1.1",
+    "@nestjs/graphql": "7.4.0",
+    "@nestjs/platform-express": "^7.1.1",
     "@nestjs/schedule": "^0.4.0",
     "@nestjs/serve-static": "^2.1.1",
-    "@nestjs/typeorm": "7.0.0",
-    "apollo-server-express": "^2.13.1",
+    "@nestjs/typeorm": "7.1.0",
+    "apollo-server-express": "^2.14.1",
     "class-transformer": "^0.2.3",
     "class-validator": "^0.12.2",
     "dataloader": "^2.0.0",
     "dotenv": "^8.2.0",
     "graphql": "^14.0.0",
     "graphql-relay": "^0.6.0",
-    "graphql-tools": "^6.0.1",
+    "graphql-tools": "^6.0.3",
     "nestjs-pino": "^1.2.0",
     "pg": "^8.2.1",
     "reflect-metadata": "^0.1.13",
@@ -59,7 +59,7 @@
   "devDependencies": {
     "@nestjs/cli": "^7.2.0",
     "@nestjs/schematics": "^7.0.0",
-    "@nestjs/testing": "^7.1.0",
+    "@nestjs/testing": "^7.1.1",
     "@types/cron": "^1.7.2",
     "@types/express": "^4.17.6",
     "@types/jest": "25.2.3",
@@ -70,7 +70,7 @@
     "pino-pretty": "^4.0.0",
     "supertest": "^4.0.2",
     "ts-jest": "26.0.0",
-    "ts-node": "^8.10.1",
+    "ts-node": "^8.10.2",
     "tsconfig-paths": "^3.9.0",
     "typescript": "^3.9.3"
   },