From d1bb5bac062a15469143c35d2ff12210f08110ec Mon Sep 17 00:00:00 2001
From: Thomas Walker <bladey@me.com>
Date: Mon, 6 Jul 2020 16:38:27 +1000
Subject: [PATCH 1/2] Update StyleCompositionExample.js

---
 docs/examples/StyleCompositionExample.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/examples/StyleCompositionExample.js b/docs/examples/StyleCompositionExample.js
index a1c9b3a43e..4d9a65ae44 100644
--- a/docs/examples/StyleCompositionExample.js
+++ b/docs/examples/StyleCompositionExample.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { css } from 'emotion';
+import { jsx } from '@emotion/core';
 import Select from 'react-select';
 import { colourOptions } from '../data';
 
@@ -18,8 +18,8 @@ const Option = (props: OptionProps) => {
   return (
     <div
       ref={innerRef}
+      css={getStyles('option', props)}
       className={cx(
-        css(getStyles('option', props)),
         {
           option: true,
           'option--is-disabled': isDisabled,

From df81aac1fc9f783c4d1091dfc5cf34a9e487ec66 Mon Sep 17 00:00:00 2001
From: Thomas Walker <bladey@me.com>
Date: Tue, 7 Jul 2020 14:07:59 +1000
Subject: [PATCH 2/2] Update StyleCompositionExample.js

---
 docs/examples/StyleCompositionExample.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/examples/StyleCompositionExample.js b/docs/examples/StyleCompositionExample.js
index 4d9a65ae44..9ea96092cb 100644
--- a/docs/examples/StyleCompositionExample.js
+++ b/docs/examples/StyleCompositionExample.js
@@ -1,4 +1,4 @@
-import React from 'react';
+/** @jsx jsx */
 import { jsx } from '@emotion/core';
 import Select from 'react-select';
 import { colourOptions } from '../data';