Wrapping styled components themeprovider without breaking next.js SSR

withTheme.jsx

import React from 'react';
import { ThemeProvider } from 'styled-components';
import { loadGetInitialProps } from 'next/dist/lib/utils';

const MyTheme = {
    fontSizes: [
        12, 14, 16, 20, 24, 32, 48, 64
    ]  
};

expose default ComposedComponent => class withTheme extends React.Component {

  static async getInitialProps(ctx) {
    return loadGetInitialProps(ComposedComponent, ctx);
  }
  
  render() {
    return (
      <ThemeProvider theme={MyTheme}>
        <ComposedComponent {...this.props} />;
      </ThemeProvider>
    }
  }

};