From fc2d59de4db06df56ad975fae53fcc8b65ddfe40 Mon Sep 17 00:00:00 2001
From: Tim Neutkens <tim@timneutkens.nl>
Date: Tue, 19 Jun 2018 21:48:54 +0200
Subject: [PATCH] Add class properties configuration (#4619)

---
 build/babel/preset.js | 2 +-
 readme.md             | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/build/babel/preset.js b/build/babel/preset.js
index 57a7fa95..8db67b90 100644
--- a/build/babel/preset.js
+++ b/build/babel/preset.js
@@ -34,7 +34,7 @@ module.exports = (context, opts = {}) => ({
   plugins: [
     require('babel-plugin-react-require'),
     require('./plugins/handle-import'),
-    require('@babel/plugin-proposal-class-properties'),
+    [require('@babel/plugin-proposal-class-properties'), opts['class-properties'] || {}],
     require('@babel/plugin-proposal-object-rest-spread'),
     [require('@babel/plugin-transform-runtime'), opts['transform-runtime'] || {
       helpers: false,
diff --git a/readme.md b/readme.md
index 17e72c2b..6632a578 100644
--- a/readme.md
+++ b/readme.md
@@ -1342,7 +1342,7 @@ The `next/babel` preset includes everything needed to transpile React applicatio
 - plugin-transform-runtime
 - styled-jsx
 
-These presets / plugins **should not** be added to your custom `.babelrc`. Instead you can configure them on the `next/babel` preset:
+These presets / plugins **should not** be added to your custom `.babelrc`. Instead, you can configure them on the `next/babel` preset:
 
 ```json
 {
@@ -1350,7 +1350,8 @@ These presets / plugins **should not** be added to your custom `.babelrc`. Inste
     ["next/babel", {
       "preset-env": {},
       "transform-runtime": {},
-      "styled-jsx": {}
+      "styled-jsx": {},
+      "class-properties": {}
     }]
   ],
   "plugins": []