Update to styled-components v4

[mxstbr]

[mxstbr]

Seems like the benchmarks don't work anymore?

TypeError: Cannot read property 'value' of undefined

/cc @A-gambit

[mxstbr]

This still fails on this line with the error "cannot read property value of undefined":

https://github.com/A-gambit/CSS-IN-JS-Benchmarks/blob/63e1c5228c309086f936409b8979b288f7b7e22e/packages/tests/index.js#L97

If you console.log(currentRes.audits['user-timings']) it shows this:

{ score: null,
  displayValue: '',
  rawValue: null,
  error: true,
  debugString: 'Audit error: Cannot read property \'args\' of undefined',
  optimalValue: undefined,
  extendedInfo: undefined,
  informative: true,
  name: 'user-timings',
  category: 'Performance',
  description: 'User Timing marks and measures',
  helpText: 'Consider instrumenting your app with the User Timing API to create custom, real-world measurements of key user experiences. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/user-timing).' }

Seems like the important bit is Audit error: Cannot read property \'args\' of undefined, but I'm not sure how to further debug this...

[loklaan]

@mxstbr Hey mate, did you ever find out why this was broken? Was it something to do with changes to Chrome's user timings?

We're trying to get it back up and running at @modulz, but have run into this problem.