Discussion on: Fixing ClassName did not match error

[Marvellous]

{
  "env": {
    "development": {
      "presets": ["next/babel"],
      "plugins": [
        [
          "babel-plugin-styled-components",
          { "ssr": true, "displayName": true, "preprocess": false }
        ]
      ]
    },
    "production": {
      "plugins": [
        [
          "babel-plugin-styled-components",
          { "ssr": true, "displayName": true, "preprocess": false }
        ]
      ],
      "presets": ["next/babel"]
    },
    "test": {
      "presets": ["next/babel"]
    }
  },
  "plugins": [
    [
      "babel-plugin-styled-components",
      { "ssr": true, "displayName": true, "preprocess": false }
    ]
  ]
}

Is an alternate config file for the .babelrc file, I haven't tried it yet, I'll update this when I do.

[KamCoder5]

Made an account just to say thank you! I've been stuck on this for days!

[Marvellous]

Recently got laid off. And have been feeling like crap, just gave me the push I needed. Thank you @kamcoder5