Remove unstable_ prefix from Suspense (#13922)

We are using it with lazy and the combination Suspense + lazy seems pretty
stable. maxDuration is not but that's only enabled when you're in
ConcurrentMode which is still unstable.

Author: sebmarkbage

fixtures/dom/src/components/fixtures/suspense/index.js

@@ -5,7 +5,7 @@ import TestCase from '../../TestCase';
 const React = window.React;
 const ReactDOM = window.ReactDOM;
 
-const Suspense = React.unstable_Suspense;
+const Suspense = React.Suspense;
 
 let cache = new Set();
 

fixtures/unstable-async/suspense/src/components/App.js

@@ -1,4 +1,4 @@
-import React, {lazy, unstable_Suspense as Suspense, PureComponent} from 'react';
+import React, {lazy, Suspense, PureComponent} from 'react';
 import {unstable_scheduleCallback} from 'scheduler';
 import {
   unstable_trace as trace,

fixtures/unstable-async/suspense/src/components/UserPage.js

@@ -1,4 +1,4 @@
-import React, {unstable_Suspense as Suspense} from 'react';
+import React, {Suspense} from 'react';
 import {createResource} from 'react-cache';
 import Spinner from './Spinner';
 import {cache} from '../cache';

packages/react-dom/src/__tests__/ReactDOMServerSuspense-test.internal.js

@@ -48,9 +48,9 @@ describe('ReactDOMServerSuspense', () => {
       throw new Promise(() => {});
     };
     const e = await serverRender(
-      <React.unstable_Suspense fallback={<div />}>
+      <React.Suspense fallback={<div />}>
         <Suspended />
-      </React.unstable_Suspense>,
+      </React.Suspense>,
     );
 
     expect(e.tagName).toBe('DIV');

packages/react-dom/src/__tests__/ReactDOMSuspensePlaceholder-test.internal.js

@@ -23,11 +23,10 @@ describe('ReactDOMSuspensePlaceholder', () => {
   beforeEach(() => {
     jest.resetModules();
     ReactFeatureFlags = require('shared/ReactFeatureFlags');
-    ReactFeatureFlags.enableSuspense = true;
     React = require('react');
     ReactDOM = require('react-dom');
     ReactCache = require('react-cache');
-    Suspense = React.unstable_Suspense;
+    Suspense = React.Suspense;
     container = document.createElement('div');
 
     function invalidateCache() {

packages/react-dom/src/__tests__/ReactServerRendering-test.js

@@ -610,7 +610,7 @@ describe('ReactDOMServer', () => {
 
   it('throws for unsupported types on the server', () => {
     expect(() => {
-      ReactDOMServer.renderToString(<React.unstable_Suspense />);
+      ReactDOMServer.renderToString(<React.Suspense />);
     }).toThrow('ReactDOMServer does not yet support Suspense.');
 
     async function fakeImport(result) {

packages/react-dom/src/__tests__/ReactServerRenderingHydration-test.js

@@ -470,9 +470,9 @@ describe('ReactDOMServerHydration', () => {
           <div>
             Hello{' '}
             {this.state.isClient && (
-              <React.unstable_Suspense fallback="loading">
+              <React.Suspense fallback="loading">
                 <Lazy />
-              </React.unstable_Suspense>
+              </React.Suspense>
             )}
           </div>
         );

packages/react-reconciler/src/__tests__/ReactIncrementalPerf-test.internal.js

@@ -587,9 +587,9 @@ describe('ReactDebugFiberPerf', () => {
 
     ReactNoop.render(
       <Parent>
-        <React.unstable_Suspense fallback={<Spinner />}>
+        <React.Suspense fallback={<Spinner />}>
           <LazyFoo />
-        </React.unstable_Suspense>
+        </React.Suspense>
       </Parent>,
     );
     ReactNoop.flush();
@@ -605,9 +605,9 @@ describe('ReactDebugFiberPerf', () => {
 
     ReactNoop.render(
       <Parent>
-        <React.unstable_Suspense>
+        <React.Suspense>
           <LazyFoo />
-        </React.unstable_Suspense>
+        </React.Suspense>
       </Parent>,
     );
     ReactNoop.flush();

packages/react-reconciler/src/__tests__/ReactLazy-test.internal.js

@@ -11,7 +11,7 @@ describe('ReactLazy', () => {
     ReactFeatureFlags.debugRenderPhaseSideEffectsForStrictMode = false;
     ReactFeatureFlags.replayFailedUnitOfWorkWithInvokeGuardedCallback = false;
     React = require('react');
-    Suspense = React.unstable_Suspense;
+    Suspense = React.Suspense;
     lazy = React.lazy;
     ReactTestRenderer = require('react-test-renderer');
   });

packages/react-reconciler/src/__tests__/ReactMemo-test.internal.js

@@ -56,7 +56,7 @@ describe('memo', () => {
   function sharedTests(label, memo) {
     describe(`${label}`, () => {
       it('bails out on props equality', async () => {
-        const {unstable_Suspense: Suspense} = React;
+        const {Suspense} = React;
 
         function Counter({count}) {
           return <Text text={count} />;
@@ -93,7 +93,7 @@ describe('memo', () => {
       });
 
       it("does not bail out if there's a context change", async () => {
-        const {unstable_Suspense: Suspense} = React;
+        const {Suspense} = React;
 
         const CountContext = React.createContext(0);
 
@@ -142,7 +142,7 @@ describe('memo', () => {
       });
 
       it('accepts custom comparison function', async () => {
-        const {unstable_Suspense: Suspense} = React;
+        const {Suspense} = React;
 
         function Counter({count}) {
           return <Text text={count} />;
@@ -184,7 +184,7 @@ describe('memo', () => {
       });
 
       it('supports non-pure class components', async () => {
-        const {unstable_Suspense: Suspense} = React;
+        const {Suspense} = React;
 
         class CounterInner extends React.Component {
           static defaultProps = {suffix: '!'};