diff --git a/fixtures/dom/src/components/fixtures/suspense/index.js b/fixtures/dom/src/components/fixtures/suspense/index.js
index b4e9c4dd62ba7..2de6e257cde60 100644
--- a/fixtures/dom/src/components/fixtures/suspense/index.js
+++ b/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();
diff --git a/fixtures/unstable-async/suspense/src/components/App.js b/fixtures/unstable-async/suspense/src/components/App.js
index b2b6a5378a786..8b1cf1acf362a 100644
--- a/fixtures/unstable-async/suspense/src/components/App.js
+++ b/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,
diff --git a/fixtures/unstable-async/suspense/src/components/UserPage.js b/fixtures/unstable-async/suspense/src/components/UserPage.js
index 6a83fe0a0c890..4bcffae7ab6f0 100644
--- a/fixtures/unstable-async/suspense/src/components/UserPage.js
+++ b/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';
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerSuspense-test.internal.js b/packages/react-dom/src/__tests__/ReactDOMServerSuspense-test.internal.js
index 878f0b8727df8..93574d8357e40 100644
--- a/packages/react-dom/src/__tests__/ReactDOMServerSuspense-test.internal.js
+++ b/packages/react-dom/src/__tests__/ReactDOMServerSuspense-test.internal.js
@@ -48,9 +48,9 @@ describe('ReactDOMServerSuspense', () => {
throw new Promise(() => {});
};
const e = await serverRender(
- }>
+ }>
- ,
+ ,
);
expect(e.tagName).toBe('DIV');
diff --git a/packages/react-dom/src/__tests__/ReactDOMSuspensePlaceholder-test.internal.js b/packages/react-dom/src/__tests__/ReactDOMSuspensePlaceholder-test.internal.js
index 06b4a8d2dbfdd..7e506bbe3a28d 100644
--- a/packages/react-dom/src/__tests__/ReactDOMSuspensePlaceholder-test.internal.js
+++ b/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() {
diff --git a/packages/react-dom/src/__tests__/ReactServerRendering-test.js b/packages/react-dom/src/__tests__/ReactServerRendering-test.js
index b6afd3ebae8e5..b28892df11242 100644
--- a/packages/react-dom/src/__tests__/ReactServerRendering-test.js
+++ b/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();
+ ReactDOMServer.renderToString();
}).toThrow('ReactDOMServer does not yet support Suspense.');
async function fakeImport(result) {
diff --git a/packages/react-dom/src/__tests__/ReactServerRenderingHydration-test.js b/packages/react-dom/src/__tests__/ReactServerRenderingHydration-test.js
index 5d249674bcf4a..2080488a2447d 100644
--- a/packages/react-dom/src/__tests__/ReactServerRenderingHydration-test.js
+++ b/packages/react-dom/src/__tests__/ReactServerRenderingHydration-test.js
@@ -470,9 +470,9 @@ describe('ReactDOMServerHydration', () => {
Hello{' '}
{this.state.isClient && (
-
+
-
+
)}
);
diff --git a/packages/react-reconciler/src/__tests__/ReactIncrementalPerf-test.internal.js b/packages/react-reconciler/src/__tests__/ReactIncrementalPerf-test.internal.js
index a7df3fd83b274..01a462debb6f7 100644
--- a/packages/react-reconciler/src/__tests__/ReactIncrementalPerf-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/ReactIncrementalPerf-test.internal.js
@@ -587,9 +587,9 @@ describe('ReactDebugFiberPerf', () => {
ReactNoop.render(
- }>
+ }>
-
+
,
);
ReactNoop.flush();
@@ -605,9 +605,9 @@ describe('ReactDebugFiberPerf', () => {
ReactNoop.render(
-
+
-
+
,
);
ReactNoop.flush();
diff --git a/packages/react-reconciler/src/__tests__/ReactLazy-test.internal.js b/packages/react-reconciler/src/__tests__/ReactLazy-test.internal.js
index 0f3aa2d1b62c5..22155831fbef8 100644
--- a/packages/react-reconciler/src/__tests__/ReactLazy-test.internal.js
+++ b/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');
});
diff --git a/packages/react-reconciler/src/__tests__/ReactMemo-test.internal.js b/packages/react-reconciler/src/__tests__/ReactMemo-test.internal.js
index d6e1cba77c67f..8105d392bd6a0 100644
--- a/packages/react-reconciler/src/__tests__/ReactMemo-test.internal.js
+++ b/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 ;
@@ -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 ;
@@ -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: '!'};
diff --git a/packages/react-reconciler/src/__tests__/ReactSuspense-test.internal.js b/packages/react-reconciler/src/__tests__/ReactSuspense-test.internal.js
index 2cdf008d5df16..8362ee523d255 100644
--- a/packages/react-reconciler/src/__tests__/ReactSuspense-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/ReactSuspense-test.internal.js
@@ -23,7 +23,7 @@ describe('ReactSuspense', () => {
// JestReact = require('jest-react');
ReactCache = require('react-cache');
- Suspense = React.unstable_Suspense;
+ Suspense = React.Suspense;
function invalidateCache() {
cache = ReactCache.createCache(invalidateCache);
diff --git a/packages/react-reconciler/src/__tests__/ReactSuspensePlaceholder-test.internal.js b/packages/react-reconciler/src/__tests__/ReactSuspensePlaceholder-test.internal.js
index 8aa144985ded3..21637258449ce 100644
--- a/packages/react-reconciler/src/__tests__/ReactSuspensePlaceholder-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/ReactSuspensePlaceholder-test.internal.js
@@ -37,7 +37,7 @@ function runPlaceholderTests(suiteLabel, loadReactNoop) {
// JestReact = require('jest-react');
ReactCache = require('react-cache');
- Suspense = React.unstable_Suspense;
+ Suspense = React.Suspense;
function invalidateCache() {
cache = ReactCache.createCache(invalidateCache);
diff --git a/packages/react-reconciler/src/__tests__/ReactSuspenseWithNoopRenderer-test.internal.js b/packages/react-reconciler/src/__tests__/ReactSuspenseWithNoopRenderer-test.internal.js
index 5071e52b4b7d4..b36a9a70a4151 100644
--- a/packages/react-reconciler/src/__tests__/ReactSuspenseWithNoopRenderer-test.internal.js
+++ b/packages/react-reconciler/src/__tests__/ReactSuspenseWithNoopRenderer-test.internal.js
@@ -24,7 +24,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {
Fragment = React.Fragment;
ReactNoop = require('react-noop-renderer');
ReactCache = require('react-cache');
- Suspense = React.unstable_Suspense;
+ Suspense = React.Suspense;
StrictMode = React.StrictMode;
ConcurrentMode = React.unstable_ConcurrentMode;
diff --git a/packages/react/src/React.js b/packages/react/src/React.js
index a1fa6f607bc2c..feaf958b4bcfc 100644
--- a/packages/react/src/React.js
+++ b/packages/react/src/React.js
@@ -55,7 +55,7 @@ const React = {
Fragment: REACT_FRAGMENT_TYPE,
StrictMode: REACT_STRICT_MODE_TYPE,
unstable_ConcurrentMode: REACT_CONCURRENT_MODE_TYPE,
- unstable_Suspense: REACT_SUSPENSE_TYPE,
+ Suspense: REACT_SUSPENSE_TYPE,
unstable_Profiler: REACT_PROFILER_TYPE,
createElement: __DEV__ ? createElementWithValidation : createElement,
diff --git a/packages/react/src/__tests__/ReactProfiler-test.internal.js b/packages/react/src/__tests__/ReactProfiler-test.internal.js
index 990ba59fbd2b2..85b4cb2d50e8a 100644
--- a/packages/react/src/__tests__/ReactProfiler-test.internal.js
+++ b/packages/react/src/__tests__/ReactProfiler-test.internal.js
@@ -2228,9 +2228,9 @@ describe('Profiler', () => {
SchedulerTracing.unstable_trace(interaction.name, mockNow(), () => {
ReactNoop.render(
- }>
+ }>
-
+
,
@@ -2316,11 +2316,11 @@ describe('Profiler', () => {
() => {
ReactTestRenderer.create(
- }>
-
+
,
);
},
@@ -2370,11 +2370,11 @@ describe('Profiler', () => {
() => {
ReactTestRenderer.create(
- }>
-
+
,
);
},
@@ -2410,11 +2410,11 @@ describe('Profiler', () => {
() => {
renderer = ReactTestRenderer.create(
- }>
-
+
,
{
unstable_isConcurrent: true,
@@ -2458,11 +2458,11 @@ describe('Profiler', () => {
() => {
renderer = ReactTestRenderer.create(
- }>
-
+
,
{unstable_isConcurrent: true},
);
@@ -2497,11 +2497,11 @@ describe('Profiler', () => {
() => {
renderer = ReactTestRenderer.create(
- }>
-
+
,
);
@@ -2531,11 +2531,11 @@ describe('Profiler', () => {
() => {
renderer.update(
- }>
-
+
,
);
@@ -2593,11 +2593,11 @@ describe('Profiler', () => {
() => {
renderer = ReactTestRenderer.create(
- }>
-
+
,
{unstable_isConcurrent: true},
@@ -2631,11 +2631,11 @@ describe('Profiler', () => {
() => {
renderer.update(
- }>
-
+
,
);
diff --git a/packages/react/src/__tests__/ReactProfilerDOM-test.internal.js b/packages/react/src/__tests__/ReactProfilerDOM-test.internal.js
index 998c0c2497107..f63cfab515aaf 100644
--- a/packages/react/src/__tests__/ReactProfilerDOM-test.internal.js
+++ b/packages/react/src/__tests__/ReactProfilerDOM-test.internal.js
@@ -119,11 +119,9 @@ describe('ProfilerDOM', () => {
const root = ReactDOM.unstable_createRoot(element);
batch = root.createBatch();
batch.render(
- }>
+ }>
- ,
+ ,
);
batch.then(
SchedulerTracing.unstable_wrap(() => {