From e8fe1739dadfcae43cc99669a5a6314be957861b Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@lab80.co>
Date: Tue, 3 Jul 2018 15:25:22 -0700
Subject: [PATCH] Fix non-polyfilled themed UI components

---
 lib/ui/src/modules/ui/components/search_box.js     | 3 +++
 lib/ui/src/modules/ui/components/shortcuts_help.js | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/lib/ui/src/modules/ui/components/search_box.js b/lib/ui/src/modules/ui/components/search_box.js
index 7350bb74454d..1643c541aea9 100644
--- a/lib/ui/src/modules/ui/components/search_box.js
+++ b/lib/ui/src/modules/ui/components/search_box.js
@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import styled from 'react-emotion';
+import { polyfill } from 'react-lifecycles-compat';
 
 import ReactModal from 'react-modal';
 import FuzzySearch from 'react-fuzzy';
@@ -62,6 +63,7 @@ const suggestionTemplate = (props, state, styles, clickHandler) =>
   ));
 
 class SearchBox extends React.Component {
+  state = {};
   static getDerivedStateFromProps({ theme }) {
     return {
       modalClass: css({
@@ -154,4 +156,5 @@ SearchBox.propTypes = {
 };
 
 export { SearchBox };
+polyfill(SearchBox);
 export default withTheme(SearchBox);
diff --git a/lib/ui/src/modules/ui/components/shortcuts_help.js b/lib/ui/src/modules/ui/components/shortcuts_help.js
index e7f95dd38609..9a8bb96eeca2 100755
--- a/lib/ui/src/modules/ui/components/shortcuts_help.js
+++ b/lib/ui/src/modules/ui/components/shortcuts_help.js
@@ -3,6 +3,7 @@ import React, { Component } from 'react';
 import styled from 'react-emotion';
 import { css } from 'emotion';
 import { withTheme } from 'emotion-theming';
+import { polyfill } from 'react-lifecycles-compat';
 
 import ReactModal from 'react-modal';
 
@@ -136,6 +137,7 @@ Shortcuts.propTypes = {
 };
 
 class ShortcutsHelp extends Component {
+  state = {};
   static getDerivedStateFromProps({ theme }) {
     return {
       modalClass: css({
@@ -194,4 +196,5 @@ ShortcutsHelp.defaultProps = {
   onClose: () => {},
 };
 
+polyfill(ShortcutsHelp);
 export default withTheme(ShortcutsHelp);