fix it

README.md

@@ -43,24 +43,35 @@ npm install superjson
 Add the plugin to your `.babelrc`.
 If you don't have one, create it.
 
-
 ```json5
 {
-  "presets": ["next/babel"],
-  "plugins": [
-    ...
-    "superjson-next" // 👈
-  ]
+  presets: ['next/babel'],
+  plugins: [
+    ...'superjson-next', // 👈
+  ],
 }
 ```
 
 That's it! Now you're free to use all values and type supported by SuperJSON in your Next.js Components.
 
 <!-- Potential new section: how it works -->
 
+## Contributing
+
+1. Clone the repo
+1. `yarn`
+1. `yarn build`
+
+### Test Example App
+
+1. `cd example`
+2. `yarn` (make sure you first run `yarn build` in the repo root)
+3. `yarn test`
+
 ## Contributors ✨
 
 Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
+
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
 <!-- prettier-ignore-start -->
 <!-- markdownlint-disable -->

example/.testcaferc.json

@@ -1,4 +1,4 @@
 {
-    "appCommand": "yarn start",
-    "appInitDelay": 2000
-}
+  "appCommand": "yarn start -p 3099",
+  "appInitDelay": 2000
+}

example/package.json

@@ -10,13 +10,13 @@
   },
   "dependencies": {
     "babel-plugin-superjson-next": "file:../",
-    "next": "10",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
-    "superjson": "^1.4.1"
+    "next": "10.0.5",
+    "react": "17.0.1",
+    "react-dom": "17.0.1",
+    "superjson": "^1.5.0"
   },
   "devDependencies": {
-    "@types/react": "^16.9.44",
+    "@types/react": "^17.0.0",
     "testcafe": "^1.10.1"
   }
 }

example/tests/fallback.ts

@@ -1,6 +1,6 @@
 import { Selector } from 'testcafe';
 
-fixture`Fallback`.page`http://localhost:3000/fallback/hello`;
+fixture`Fallback`.page`http://localhost:3099/fallback/hello`;
 
 test('Date is preserved', async (t) => {
   const result = Selector('#__next');

example/tests/gsp-arrow.ts

@@ -1,6 +1,6 @@
 import { Selector } from 'testcafe';
 
-fixture`gSP Arrow`.page`http://localhost:3000/gsp-arrow`;
+fixture`gSP Arrow`.page`http://localhost:3099/gsp-arrow`;
 
 test('Date is preserved', async (t) => {
   const result = Selector('#__next');

example/tests/index.ts

@@ -1,6 +1,6 @@
 import { Selector } from 'testcafe';
 
-fixture`Index`.page`http://localhost:3000/`;
+fixture`Index`.page`http://localhost:3099/`;
 
 test('Date is preserved', async (t) => {
   const result = Selector('#__next');

example/tests/no-meta.ts

@@ -1,6 +1,6 @@
 import { Selector } from 'testcafe';
 
-fixture`No meta`.page`http://localhost:3000/no-meta`;
+fixture`No meta`.page`http://localhost:3099/no-meta`;
 
 test('Raw object is built', async (t) => {
   const result = Selector('#__next');

example/tests/static.ts

@@ -1,6 +1,6 @@
 import { Selector } from 'testcafe';
 
-fixture`Static`.page`http://localhost:3000/static`;
+fixture`Static`.page`http://localhost:3099/static`;
 
 test('Date is preserved', async (t) => {
   const result = Selector('#__next');

example/tests/with-static-methods.ts

@@ -1,6 +1,6 @@
 import { Selector } from 'testcafe';
 
-fixture`With Static Methods`.page`http://localhost:3000/with-static-methods`;
+fixture`With Static Methods`.page`http://localhost:3099/with-static-methods`;
 
 test('Static methods are preserved', async (t) => {
   const result = Selector('#__next');