diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9c4808e813223..3e7124572f491 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,14 @@
+## 16.4.2 (August 1, 2018)
+
+### React DOM Server
+
+* Fix a [potential XSS vulnerability when the attacker controls an attribute name](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html) (`CVE-2018-6341`). This fix is available in the latest `react-dom@16.4.2`, as well as in previous affected minor versions: `react-dom@16.0.1`, `react-dom@16.1.2`, `react-dom@16.2.1`, and `react-dom@16.3.3`. ([@gaearon](https://github.com/gaearon) in [#13302](https://github.com/facebook/react/pull/13302))
+
+* Fix a crash in the server renderer when an attribute is called `hasOwnProperty`. This fix is only available in `react-dom@16.4.2`. ([@gaearon](https://github.com/gaearon) in [#13303](https://github.com/facebook/react/pull/13303))
+
## 16.4.1 (June 13, 2018)
### React
@@ -70,6 +78,12 @@
* The [new host config shape](https://github.com/facebook/react/blob/c601f7a64640290af85c9f0e33c78480656b46bc/packages/react-noop-renderer/src/createReactNoop.js#L82-L285) is flat and doesn't use nested objects. ([@gaearon](https://github.com/gaearon) in [#12792](https://github.com/facebook/react/pull/12792))
+## 16.3.3 (August 1, 2018)
+
+### React DOM Server
+
+* Fix a [potential XSS vulnerability when the attacker controls an attribute name](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html) (`CVE-2018-6341`). This fix is available in the latest `react-dom@16.4.2`, as well as in previous affected minor versions: `react-dom@16.0.1`, `react-dom@16.1.2`, `react-dom@16.2.1`, and `react-dom@16.3.3`. ([@gaearon](https://github.com/gaearon) in [#13302](https://github.com/facebook/react/pull/13302))
+
## 16.3.2 (April 16, 2018)
### React
@@ -179,6 +193,12 @@
* Fix a crash on updates. ([@rmhartog](https://github.com/rmhartog) in [#11955](https://github.com/facebook/react/pull/11955))
+## 16.2.1 (August 1, 2018)
+
+### React DOM Server
+
+* Fix a [potential XSS vulnerability when the attacker controls an attribute name](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html) (`CVE-2018-6341`). This fix is available in the latest `react-dom@16.4.2`, as well as in previous affected minor versions: `react-dom@16.0.1`, `react-dom@16.1.2`, `react-dom@16.2.1`, and `react-dom@16.3.3`. ([@gaearon](https://github.com/gaearon) in [#13302](https://github.com/facebook/react/pull/13302))
+
## 16.2.0 (November 28, 2017)
### React
@@ -203,6 +223,12 @@
* Many tests were rewritten against the public API. Big thanks to [everyone who contributed](https://github.com/facebook/react/issues/11299)!
+## 16.1.2 (August 1, 2018)
+
+### React DOM Server
+
+* Fix a [potential XSS vulnerability when the attacker controls an attribute name](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html) (`CVE-2018-6341`). This fix is available in the latest `react-dom@16.4.2`, as well as in previous affected minor versions: `react-dom@16.0.1`, `react-dom@16.1.2`, `react-dom@16.2.1`, and `react-dom@16.3.3`. ([@gaearon](https://github.com/gaearon) in [#13302](https://github.com/facebook/react/pull/13302))
+
## 16.1.1 (November 13, 2017)
### React
@@ -293,6 +319,12 @@ Starting with 16.1.0, we will no longer be publishing new releases on Bower. You
* First release of the [new experimental package](https://github.com/facebook/react/tree/master/packages/react-call-return) for parent-child communication. ([@gaearon](https://github.com/gaearon) in [#11364](https://github.com/facebook/react/pull/11364))
+## 16.0.1 (August 1, 2018)
+
+### React DOM Server
+
+* Fix a [potential XSS vulnerability when the attacker controls an attribute name](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html) (`CVE-2018-6341`). This fix is available in the latest `react-dom@16.4.2`, as well as in previous affected minor versions: `react-dom@16.0.1`, `react-dom@16.1.2`, `react-dom@16.2.1`, and `react-dom@16.3.3`. ([@gaearon](https://github.com/gaearon) in [#13302](https://github.com/facebook/react/pull/13302))
+
## 16.0.0 (September 26, 2017)
### New JS Environment Requirements
diff --git a/fixtures/dom/src/components/fixtures/selects/index.js b/fixtures/dom/src/components/fixtures/selects/index.js
index fa13ee8c06f47..1d5169cf6241c 100644
--- a/fixtures/dom/src/components/fixtures/selects/index.js
+++ b/fixtures/dom/src/components/fixtures/selects/index.js
@@ -177,6 +177,31 @@ class SelectFixture extends React.Component {
+
+
+
+
Select any option
+
+
+ Option should be set
+
+
+
+
+
+
);
}
diff --git a/fixtures/unstable-async/suspense/.gitignore b/fixtures/unstable-async/suspense/.gitignore
new file mode 100644
index 0000000000000..18d819cff23ce
--- /dev/null
+++ b/fixtures/unstable-async/suspense/.gitignore
@@ -0,0 +1,14 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+node_modules
+
+# testing
+coverage
+
+# production
+build
+
+# misc
+.DS_Store
+npm-debug.log
\ No newline at end of file
diff --git a/fixtures/unstable-async/suspense/README.md b/fixtures/unstable-async/suspense/README.md
new file mode 100644
index 0000000000000..3a2c91154296a
--- /dev/null
+++ b/fixtures/unstable-async/suspense/README.md
@@ -0,0 +1,26 @@
+# IO "suspense" demo
+
+## What is this fixture?
+
+This is a demo application based on [Dan Abramov's](https://github.com/gaearon) recent [JSConf Iceland talk](https://reactjs.org/blog/2018/03/01/sneak-peek-beyond-react-16.html) about React.
+
+It depends on a local build of React and enables us to easily test async and "suspense" APIs in a more "real world app" like context.
+
+## Can I use this code in production?
+
+No. The APIs being tested here are unstable and some of them have still not been released to NPM. For now, this fixture is only a test harness.
+
+## How do I run this fixture?
+
+```shell
+# 1: Build react from source
+cd /path/to/react
+yarn build -- dom,core,interaction,simple-cache-provider type=NODE
+
+# 2: Install fixture dependencies
+cd ./fixtures/suspense/io/
+yarn install
+
+# 3: Run the app
+yarn start
+```
\ No newline at end of file
diff --git a/fixtures/unstable-async/suspense/package.json b/fixtures/unstable-async/suspense/package.json
new file mode 100644
index 0000000000000..503b1e4d5a16f
--- /dev/null
+++ b/fixtures/unstable-async/suspense/package.json
@@ -0,0 +1,41 @@
+{
+ "name": "io-demo",
+ "version": "0.1.0",
+ "private": true,
+ "homepage": ".",
+ "devDependencies": {
+ "gh-pages": "^1.1.0",
+ "react-scripts": "^1.1.4"
+ },
+ "dependencies": {
+ "clipboard": "^1.7.1",
+ "github-fork-ribbon-css": "^0.2.1",
+ "react": "../../../build/node_modules/react",
+ "react-dom": "../../../build/node_modules/react-dom",
+ "react-draggable": "^3.0.5",
+ "simple-cache-provider": "../../../build/node_modules/simple-cache-provider"
+ },
+ "scripts": {
+ "start": "react-scripts start",
+ "build": "react-scripts build",
+ "test": "react-scripts test --env=jsdom",
+ "eject": "react-scripts eject",
+ "deploy": "gh-pages -d build"
+ },
+ "eslintConfig": {
+ "extends": "./node_modules/react-scripts/config/eslint.js"
+ },
+ "browserslist": {
+ "development": [
+ "last 2 chrome versions",
+ "last 2 firefox versions",
+ "last 2 edge versions"
+ ],
+ "production": [
+ ">1%",
+ "last 4 versions",
+ "Firefox ESR",
+ "not ie < 11"
+ ]
+ }
+}
diff --git a/fixtures/unstable-async/suspense/public/favicon.ico b/fixtures/unstable-async/suspense/public/favicon.ico
new file mode 100755
index 0000000000000..a092e53206f58
Binary files /dev/null and b/fixtures/unstable-async/suspense/public/favicon.ico differ
diff --git a/fixtures/unstable-async/suspense/public/img/acdlite.jpeg b/fixtures/unstable-async/suspense/public/img/acdlite.jpeg
new file mode 100644
index 0000000000000..b425cc7e2cdf9
Binary files /dev/null and b/fixtures/unstable-async/suspense/public/img/acdlite.jpeg differ
diff --git a/fixtures/unstable-async/suspense/public/img/bvaughn.jpeg b/fixtures/unstable-async/suspense/public/img/bvaughn.jpeg
new file mode 100644
index 0000000000000..86a805f7e43df
Binary files /dev/null and b/fixtures/unstable-async/suspense/public/img/bvaughn.jpeg differ
diff --git a/fixtures/unstable-async/suspense/public/img/flarnie.jpeg b/fixtures/unstable-async/suspense/public/img/flarnie.jpeg
new file mode 100644
index 0000000000000..5454c3760ea7d
Binary files /dev/null and b/fixtures/unstable-async/suspense/public/img/flarnie.jpeg differ
diff --git a/fixtures/unstable-async/suspense/public/img/gaearon.jpeg b/fixtures/unstable-async/suspense/public/img/gaearon.jpeg
new file mode 100644
index 0000000000000..dfa2383771b7c
Binary files /dev/null and b/fixtures/unstable-async/suspense/public/img/gaearon.jpeg differ
diff --git a/fixtures/unstable-async/suspense/public/img/sebmarkbage.jpeg b/fixtures/unstable-async/suspense/public/img/sebmarkbage.jpeg
new file mode 100644
index 0000000000000..bdb0b7874e04b
Binary files /dev/null and b/fixtures/unstable-async/suspense/public/img/sebmarkbage.jpeg differ
diff --git a/fixtures/unstable-async/suspense/public/img/sophiebits.jpeg b/fixtures/unstable-async/suspense/public/img/sophiebits.jpeg
new file mode 100644
index 0000000000000..f0f97bc34fe11
Binary files /dev/null and b/fixtures/unstable-async/suspense/public/img/sophiebits.jpeg differ
diff --git a/fixtures/unstable-async/suspense/public/img/trueadm.jpeg b/fixtures/unstable-async/suspense/public/img/trueadm.jpeg
new file mode 100644
index 0000000000000..71238e1eb70c9
Binary files /dev/null and b/fixtures/unstable-async/suspense/public/img/trueadm.jpeg differ
diff --git a/fixtures/unstable-async/suspense/public/index.html b/fixtures/unstable-async/suspense/public/index.html
new file mode 100644
index 0000000000000..036a0fb662a3d
--- /dev/null
+++ b/fixtures/unstable-async/suspense/public/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+ Movie List
+
+
+
+
+
+
diff --git a/fixtures/unstable-async/suspense/public/manifest.json b/fixtures/unstable-async/suspense/public/manifest.json
new file mode 100644
index 0000000000000..282d198c71958
--- /dev/null
+++ b/fixtures/unstable-async/suspense/public/manifest.json
@@ -0,0 +1,15 @@
+{
+ "short_name": "Emoji Search",
+ "name": "Emoji Search Example App",
+ "icons": [
+ {
+ "src": "favicon.ico",
+ "sizes": "64x64 32x32 24x24 16x16",
+ "type": "image/x-icon"
+ }
+ ],
+ "start_url": "./index.html",
+ "display": "standalone",
+ "theme_color": "#000000",
+ "background_color": "#ffffff"
+}
diff --git a/fixtures/unstable-async/suspense/src/api/data.js b/fixtures/unstable-async/suspense/src/api/data.js
new file mode 100644
index 0000000000000..6af4526ed518b
--- /dev/null
+++ b/fixtures/unstable-async/suspense/src/api/data.js
@@ -0,0 +1,334 @@
+export const coreContributorListJSON = [
+ {
+ id: 'acdlite',
+ name: 'Andrew Clark',
+ },
+ {
+ id: 'bvaughn',
+ name: 'Brian Vaughn',
+ },
+ {
+ id: 'gaearon',
+ name: 'Dan Abramov',
+ },
+ {
+ id: 'trueadm',
+ name: 'Dominic Gannaway',
+ },
+ {
+ id: 'flarnie',
+ name: 'Flarnie Marchan',
+ },
+ {
+ id: 'sebmarkbage',
+ name: 'Sebastian Markbรฅge',
+ },
+ {
+ id: 'sophiebits',
+ name: 'Sophie Alpert',
+ },
+];
+
+export const userProfileJSON = {
+ acdlite: {
+ id: 'acdlite',
+ name: 'Andrew Clark',
+ image: '/img/acdlite.jpeg',
+ location: 'Redwood City, CA',
+ email: 'acdlite@me.com',
+ tagline: 'React core at Facebook. Hi!',
+ },
+ bvaughn: {
+ id: 'bvaughn',
+ name: 'Brian Vaughn',
+ image: '/img/bvaughn.jpeg',
+ location: 'Mountain View, CA',
+ email: 'brian.david.vaughn@gmail.com',
+ tagline:
+ 'React JS core team at @facebook; formerly at @treasure-data and @google.',
+ },
+ gaearon: {
+ id: 'gaearon',
+ name: 'Dan Abramov',
+ image: '/img/gaearon.jpeg',
+ location: 'London, UK',
+ email: 'dan.abramov@me.com',
+ tagline:
+ 'Working on @reactjs. Co-author of Redux and Create React App. Building tools for humans.',
+ },
+ flarnie: {
+ id: 'flarnie',
+ name: 'Flarnie Marchan',
+ image: '/img/flarnie.jpeg',
+ location: 'Oakland, CA',
+ email: null,
+ tagline:
+ 'Software Engineer at Facebook React Core Team & Co-maintainer of Draft.js',
+ },
+ sebmarkbage: {
+ id: 'sebmarkbage',
+ name: 'Sebastian Markbรฅge',
+ image: '/img/sebmarkbage.jpeg',
+ location: 'San Francisco',
+ email: 'sebastian@calyptus.eu',
+ tagline: null,
+ },
+ sophiebits: {
+ id: 'sophiebits',
+ name: 'Sophie Alpert',
+ image: '/img/sophiebits.jpeg',
+ location: 'California',
+ email: 'hi@sophiebits.com',
+ tagline:
+ 'I like fixing things. eng manager of @reactjs at Facebook. ex-@khanacademy. ๐๐ธ she/her. kindness, intersectional feminism, music.',
+ },
+ trueadm: {
+ id: 'trueadm',
+ name: 'Dominic Gannaway',
+ image: '/img/trueadm.jpeg',
+ location: 'London, United Kingdom',
+ email: null,
+ tagline:
+ 'Currently an engineer on the React core team at @facebook. Author of @infernojs and t7. Enjoys coding + being a Dad.',
+ },
+};
+export const userRepositoriesListJSON = {
+ acdlite: [
+ {
+ name: 'recompose',
+ url: 'https://github.com/acdlite/recompose',
+ description:
+ 'A React utility belt for function components and higher-order components.',
+ },
+ {
+ name: 'react-fiber-architecture',
+ url: 'https://github.com/acdlite/react-fiber-architecture',
+ description: "A description of React's new core algorithm, React Fiber",
+ },
+ {
+ name: 'redux-router',
+ url: 'https://github.com/acdlite/redux-router',
+ description:
+ 'Redux bindings for React Router โ keep your router state inside your Redux store',
+ },
+ {
+ name: 'flummox',
+ url: 'https://github.com/acdlite/flummox',
+ description: 'Minimal, isomorphic Flux.',
+ },
+ {
+ name: 'redux-rx',
+ url: 'https://github.com/acdlite/redux-rx',
+ description: 'RxJS utilities for Redux.',
+ },
+ {
+ name: 'react-remarkable',
+ url: 'https://github.com/acdlite/react-remarkable',
+ description: 'A React component for rendering Markdown with remarkable',
+ },
+ ],
+ bvaughn: [
+ {
+ name: 'react-virtualized',
+ url: 'https://github.com/bvaughn/react-virtualized',
+ description:
+ 'React components for efficiently rendering large lists and tabular data',
+ },
+ {
+ name: 'redux-search',
+ url: 'https://github.com/bvaughn/redux-search',
+ description: 'Redux bindings for client-side search',
+ },
+ {
+ name: 'react-window',
+ url: 'https://github.com/bvaughn/react-window',
+ description:
+ 'React components for efficiently rendering large lists and tabular data',
+ },
+ {
+ name: 'react-virtualized-select',
+ url: 'https://github.com/bvaughn/react-virtualized-select',
+ description:
+ 'HOC that uses react-virtualized and react-select to display large lists of options in a drop-down',
+ },
+ {
+ name: 'js-search',
+ url: 'https://github.com/bvaughn/js-search',
+ description:
+ 'JS Search is an efficient, client-side search library for JavaScript and JSON objects',
+ },
+ {
+ name: 'react-highlight-words',
+ url: 'https://github.com/bvaughn/react-highlight-words',
+ description:
+ 'React component to highlight words within a larger body of text',
+ },
+ ],
+ gaearon: [
+ {
+ name: 'facebook/react',
+ url: 'https://github.com/facebook/react',
+ description:
+ 'A declarative, efficient, and flexible JavaScript library for building user interfaces.',
+ },
+ {
+ name: 'reduxjs/redux',
+ url: 'https://github.com/reduxjs/redux',
+ description: 'Predictable state container for JavaScript apps',
+ },
+ {
+ name: 'facebook/create-react-app',
+ url: 'https://github.com/facebook/create-react-app',
+ description: 'Create React apps with no build configuration.',
+ },
+ {
+ name: 'reduxjs/redux-devtools',
+ url: 'https://github.com/reduxjs/redux-devtools',
+ description:
+ 'DevTools for Redux with hot reloading, action replay, and customizable UI',
+ },
+ {
+ name: 'react-dnd/react-dnd',
+ url: 'https://github.com/react-dnd/react-dnd',
+ description: 'Drag and Drop for React',
+ },
+ {
+ name: 'paularmstrong/normalizr',
+ url: 'https://github.com/paularmstrong/normalizr',
+ description: 'Normalizes nested JSON according to a schema',
+ },
+ ],
+ flarnie: [
+ {
+ name: 'diffux/diffux',
+ url: 'https://github.com/diffux/diffux',
+ description: 'Perceptual diffs of responsive screenshots made simple.',
+ },
+ {
+ name: 'facebook/draft-js',
+ url: 'https://github.com/facebook/draft-js',
+ description: 'A React framework for building text editors.',
+ },
+ {
+ name: 'facebook/react',
+ url: 'https://github.com/facebook/react',
+ description:
+ 'A declarative, efficient, and flexible JavaScript library for building user interfaces.',
+ },
+ {
+ name: 'facebook/jest',
+ url: 'https://github.com/facebook/jest',
+ description: '๐ Delightful JavaScript Testing.',
+ },
+ {
+ name: 'Galooshi/import-js',
+ url: 'https://github.com/Galooshi/import-js',
+ description: 'A tool to simplify importing JS modules',
+ },
+ {
+ name: 'webpack_rails_demo',
+ url: 'https://github.com/flarnie/webpack_rails_demo',
+ description: 'Setting up webpack with Ruby on Rails: a basic demo',
+ },
+ ],
+ sebmarkbage: [
+ {
+ name: 'art',
+ url: 'https://github.com/sebmarkbage/art',
+ description:
+ "Retained mode vector drawing API designed for multiple output modes. There's also a built-in SVG parser.",
+ },
+ {
+ name: 'ecmascript-immutable-data-structures',
+ url:
+ 'https://github.com/sebmarkbage/ecmascript-immutable-data-structures',
+ description: null,
+ },
+ {
+ name: 'ocamlrun-wasm',
+ url: 'https://github.com/sebmarkbage/ocamlrun-wasm',
+ description: 'OCamlrun WebAssembly - OCaml Bytecode Interpreter in WASM',
+ },
+ {
+ name: 'ecmascript-generator-expression',
+ url: 'https://github.com/sebmarkbage/ecmascript-generator-expression',
+ description:
+ 'Proposal for do Generator Expressions in ECMAScript. Work in progress. Edit Add topics',
+ },
+ {
+ name: 'ecmascript-undefined-propagation',
+ url: 'https://github.com/sebmarkbage/ecmascript-undefined-propagation',
+ description:
+ 'ECMAScript proposal to relax the rules to return `undefined` for property access on `null` or `undefined` instead of throwing.',
+ },
+ {
+ name: 'ecmascript-shallow-equal',
+ url: 'https://github.com/sebmarkbage/ecmascript-shallow-equal',
+ description: 'A proposal for ECMAScript for Object.shallowEqual',
+ },
+ ],
+ sophiebits: [
+ {
+ name: 'facebook/react',
+ url: 'https://github.com/facebook/react',
+ description:
+ 'A declarative, efficient, and flexible JavaScript library for building user interfaces.',
+ },
+ {
+ name: 'Khan/KaTeX',
+ url: 'https://github.com/Khan/KaTeX',
+ description: 'Fast math typesetting for the web.',
+ },
+ {
+ name: 'facebook/react-devtools',
+ url: 'https://github.com/facebook/react-devtools',
+ description:
+ 'An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools.',
+ },
+ {
+ name: 'vim-awesome/vim-awesome',
+ url: 'https://github.com/vim-awesome/vim-awesome',
+ description: 'Awesome Vim plugins from across the universe',
+ },
+ {
+ name: 'facebook/draft-js',
+ url: 'https://github.com/facebook/draft-js',
+ description: 'A React framework for building text editors.',
+ },
+ {
+ name: 'es3ify',
+ url: 'https://github.com/sophiebits/es3ify',
+ description:
+ 'Browserify transform to convert ES5 syntax to be ES3-compatible.',
+ },
+ ],
+ trueadm: [
+ {
+ name: 'facebook/react',
+ url: 'https://github.com/facebook/react',
+ description:
+ 'A declarative, efficient, and flexible JavaScript library for building user interfaces.',
+ },
+ {
+ name: 'infernojs/inferno',
+ url: 'https://github.com/infernojs/inferno',
+ description:
+ 'An extremely fast, React-like JavaScript library for building modern user interfaces',
+ },
+ {
+ name: 'facebook/prepack',
+ url: 'https://github.com/facebook/prepack',
+ description: 'A JavaScript bundle optimizer.',
+ },
+ {
+ name: 't7',
+ url: 'https://github.com/trueadm/t7',
+ description: 'Lightweight virtual DOM templating library',
+ },
+ {
+ name: 'infernojs/babel-plugin-inferno',
+ url: 'https://github.com/infernojs/babel-plugin-inferno',
+ description: null,
+ },
+ ],
+};
diff --git a/fixtures/unstable-async/suspense/src/api/index.js b/fixtures/unstable-async/suspense/src/api/index.js
new file mode 100644
index 0000000000000..89ce9ac073325
--- /dev/null
+++ b/fixtures/unstable-async/suspense/src/api/index.js
@@ -0,0 +1,67 @@
+import {
+ coreContributorListJSON,
+ userProfileJSON,
+ userRepositoriesListJSON,
+} from './data';
+
+export function fetchCoreContributorListJSON() {
+ return makeFakeAPICall('/react/contributors', coreContributorListJSON);
+}
+
+export function fetchUserProfileJSON(id) {
+ return makeFakeAPICall(`/${id}/details`, userProfileJSON[id]);
+}
+
+export function fetchUserRepositoriesListJSON(id) {
+ return makeFakeAPICall(`/${id}/repositories`, userRepositoriesListJSON[id]);
+}
+
+let fakeRequestTime = 1000;
+let onProgress = () => true;
+
+export function setFakeRequestTime(val) {
+ fakeRequestTime = val;
+}
+
+export function setProgressHandler(handler) {
+ onProgress = handler;
+}
+
+export function setPauseNewRequests(value) {
+ shouldPauseNewRequests = value;
+}
+
+let shouldPauseNewRequests = false;
+let notifiers = {};
+let isPausedUrl = {};
+
+export function setPaused(url, isPaused) {
+ const wasPaused = isPausedUrl[url];
+ isPausedUrl[url] = isPaused;
+ if (isPaused !== wasPaused) {
+ notifiers[url]();
+ }
+}
+
+function makeFakeAPICall(url, result) {
+ let i = 1;
+ return new Promise(resolve => {
+ isPausedUrl[url] = shouldPauseNewRequests;
+ function notify() {
+ if (!isPausedUrl[url]) {
+ i++;
+ }
+ onProgress(url, i, isPausedUrl[url]);
+ if (isPausedUrl[url]) {
+ return;
+ }
+ if (i === 100) {
+ resolve(result);
+ } else {
+ setTimeout(notify, fakeRequestTime / 100);
+ }
+ }
+ notifiers[url] = notify;
+ notify();
+ });
+}
diff --git a/fixtures/unstable-async/suspense/src/cache.js b/fixtures/unstable-async/suspense/src/cache.js
new file mode 100644
index 0000000000000..7730daa0d9337
--- /dev/null
+++ b/fixtures/unstable-async/suspense/src/cache.js
@@ -0,0 +1,7 @@
+import {createCache} from 'simple-cache-provider';
+
+export let cache;
+function initCache() {
+ cache = createCache(initCache);
+}
+initCache();
diff --git a/fixtures/unstable-async/suspense/src/components/App.js b/fixtures/unstable-async/suspense/src/components/App.js
new file mode 100644
index 0000000000000..13762b1735773
--- /dev/null
+++ b/fixtures/unstable-async/suspense/src/components/App.js
@@ -0,0 +1,82 @@
+import React, {Fragment, Placeholder, PureComponent} from 'react';
+import {unstable_deferredUpdates} from 'react-dom';
+import {createResource} from 'simple-cache-provider';
+import {cache} from '../cache';
+import Spinner from './Spinner';
+import ContributorListPage from './ContributorListPage';
+
+const UserPageResource = createResource(() => import('./UserPage'));
+
+function UserPageLoader(props) {
+ const UserPage = UserPageResource.read(cache).default;
+ return ;
+}
+
+export default class App extends PureComponent {
+ state = {
+ currentId: null,
+ showDetail: false,
+ };
+
+ componentDidUpdate(prevProps, prevState) {
+ if (
+ prevState.showDetail !== this.state.showDetail ||
+ prevState.currentId !== this.state.currentId
+ ) {
+ window.scrollTo(0, 0);
+ }
+ }
+
+ handleUserClick = id => {
+ this.setState({
+ currentId: id,
+ });
+ unstable_deferredUpdates(() => {
+ this.setState({
+ showDetail: true,
+ });
+ });
+ };
+
+ handleBackClick = () =>
+ this.setState({
+ currentId: null,
+ showDetail: false,
+ });
+
+ render() {
+ const {currentId, showDetail} = this.state;
+ return showDetail
+ ? this.renderDetail(currentId)
+ : this.renderList(currentId);
+ }
+
+ renderDetail(id) {
+ return (
+