Enable ViewTransition and addTransitionType to Canary

Author: eps1lon

fixtures/view-transition/src/components/App.js

@@ -3,7 +3,7 @@ import React, {
   useLayoutEffect,
   useEffect,
   useState,
-  unstable_addTransitionType as addTransitionType,
+  addTransitionType,
 } from 'react';
 
 import Chrome from './Chrome.js';

fixtures/view-transition/src/components/Page.js

@@ -1,6 +1,6 @@
 import React, {
-  unstable_addTransitionType as addTransitionType,
-  unstable_ViewTransition as ViewTransition,
+  addTransitionType,
+  ViewTransition,
   Activity,
   useLayoutEffect,
   useEffect,

packages/react-devtools-shared/src/__tests__/storeComponentFilters-test.js

@@ -251,7 +251,8 @@ describe('Store component filters', () => {
   });
 
   it('should filter ViewTransition', async () => {
-    const ViewTransition = React.unstable_ViewTransition;
+    const ViewTransition =
+      React.ViewTransition || React.unstable_ViewTransition;
 
     if (ViewTransition != null) {
       await actAsync(async () =>

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

@@ -40,7 +40,7 @@ describe('ReactDOMFizzViewTransition', () => {
     Stream = require('stream');
 
     Suspense = React.Suspense;
-    ViewTransition = React.unstable_ViewTransition;
+    ViewTransition = React.ViewTransition;
 
     // Test Environment
     const jsdom = new JSDOM(

packages/react-reconciler/src/__tests__/ReactErrorStacks-test.js

@@ -29,7 +29,7 @@ describe('ReactFragment', () => {
     React = require('react');
     Suspense = React.Suspense;
     Activity = React.Activity;
-    ViewTransition = React.unstable_ViewTransition;
+    ViewTransition = React.ViewTransition;
     ReactNoop = require('react-noop-renderer');
     const InternalTestUtils = require('internal-test-utils');
     waitForAll = InternalTestUtils.waitForAll;

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

@@ -941,7 +941,7 @@ describe('ReactLazy', () => {
 
   // @gate enableViewTransition
   it('throws with a useful error when wrapping ViewTransition with lazy()', async () => {
-    const BadLazy = lazy(() => fakeImport(React.unstable_ViewTransition));
+    const BadLazy = lazy(() => fakeImport(React.ViewTransition));
 
     const root = ReactTestRenderer.create(
       <Suspense fallback={<Text text="Loading..." />}>
@@ -954,7 +954,7 @@ describe('ReactLazy', () => {
 
     await waitForAll(['Loading...']);
 
-    await resolveFakeImport(React.unstable_ViewTransition);
+    await resolveFakeImport(React.ViewTransition);
     root.update(
       <Suspense fallback={<Text text="Loading..." />}>
         <BadLazy />

packages/react-reconciler/src/__tests__/ViewTransitionReactServer-test.js

@@ -23,7 +23,7 @@ describe('ViewTransitionReactServer', () => {
     jest.resetModules();
     jest.mock('react', () => require('react/react.react-server'));
     ReactServer = require('react');
-    ViewTransition = ReactServer.unstable_ViewTransition;
+    ViewTransition = ReactServer.ViewTransition;
     ReactNoopFlightServer = require('react-noop-renderer/flight-server');
 
     jest.resetModules();

packages/react/index.development.js

@@ -45,6 +45,8 @@ export {
   startTransition,
   unstable_LegacyHidden,
   Activity,
+  ViewTransition,
+  addTransitionType,
   unstable_Scope,
   unstable_SuspenseList,
   unstable_TracingMarker,

packages/react/index.experimental.development.js

@@ -33,9 +33,9 @@ export {
   unstable_postpone,
   unstable_getCacheForType,
   unstable_SuspenseList,
-  unstable_ViewTransition,
+  ViewTransition,
   unstable_startGestureTransition,
-  unstable_addTransitionType,
+  addTransitionType,
   unstable_useCacheRefresh,
   useId,
   useCallback,

packages/react/index.experimental.js

@@ -34,9 +34,9 @@ export {
   unstable_postpone,
   unstable_getCacheForType,
   unstable_SuspenseList,
-  unstable_ViewTransition,
+  ViewTransition,
   unstable_startGestureTransition,
-  unstable_addTransitionType,
+  addTransitionType,
   unstable_useCacheRefresh,
   useId,
   useCallback,