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(() => {