diff --git a/modules/nuclide-commons-ui/HighlightedCode.example.js b/modules/nuclide-commons-ui/HighlightedCode.example.js
index 23b614a0..ad4f99c3 100644
--- a/modules/nuclide-commons-ui/HighlightedCode.example.js
+++ b/modules/nuclide-commons-ui/HighlightedCode.example.js
@@ -10,8 +10,9 @@
  * @format
  */
 
+/* global requestAnimationFrame */
+
 import * as React from 'react';
-import ReactDOM from 'react-dom';
 import {Button} from './Button';
 import {HighlightedCode} from './HighlightedCode';
 
@@ -21,8 +22,8 @@ class HighlightedCodeExample extends React.Component<{}, {|count: number|}> {
   };
 
   _addOneMore = () => {
-    // $FlowIgnore
-    ReactDOM.unstable_deferredUpdates(() => {
+    // TODO(pelmers): Use react deferred update API when facebook/react/issues/13306 is ready
+    requestAnimationFrame(() => {
       // TODO: (wbinnssmith) T30771435 this setState depends on current state
       // and should use an updater function rather than an object
       // eslint-disable-next-line react/no-access-state-in-setstate