{"files":[{"path":"packages\/react-dom\/src\/__tests__\/ReactDOMFiber-test.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactDOMLegacyFiber-test.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactDOMServerIntegrationLegacyContext-test.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactErrorBoundaries-test.internal.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactFunctionComponent-test.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactLegacyCompositeComponent-test.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactLegacyErrorBoundaries-test.internal.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactServerRendering-test.js","status":"M"},{"path":"packages\/react-native-renderer\/src\/__tests__\/ReactNativeEvents-test.internal.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberBeginWork.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberClassComponent.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js","status":"M"},{"path":"packages\/react-server\/src\/ReactFizzClassComponent.js","status":"M"},{"path":"packages\/react-server\/src\/ReactFizzServer.js","status":"M"},{"path":"packages\/react\/src\/__tests__\/ReactCoffeeScriptClass-test.coffee","status":"M"},{"path":"packages\/react\/src\/__tests__\/ReactContextValidator-test.js","status":"M"},{"path":"packages\/react\/src\/__tests__\/ReactES6Class-test.js","status":"M"},{"path":"packages\/react\/src\/__tests__\/ReactStrictMode-test.js","status":"M"},{"path":"packages\/react\/src\/__tests__\/ReactTypeScriptClass-test.ts","status":"M"},{"path":"packages\/react\/src\/__tests__\/createReactClassIntegration-test.js","status":"M"}],"parents":["8ae78f39fbd90f4a2c26c4be36030732b435192e"],"patch":"diff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMFiber-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMFiber-test.js\nindex a1633fa1e6..7c701219ec 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMFiber-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMFiber-test.js\n@@ -13,10 +13,12 @@ let React;\n let ReactDOM;\n let PropTypes;\n let ReactDOMClient;\n-let root;\n let Scheduler;\n+\n let act;\n+let assertConsoleErrorDev;\n let assertLog;\n+let root;\n \n describe('ReactDOMFiber', () => {\n let container;\n@@ -29,7 +31,7 @@ describe('ReactDOMFiber', () => {\n ReactDOMClient = require('react-dom\/client');\n Scheduler = require('scheduler');\n act = require('internal-test-utils').act;\n- assertLog = require('internal-test-utils').assertLog;\n+ ({assertConsoleErrorDev, assertLog} = require('internal-test-utils'));\n \n container = document.createElement('div');\n document.body.appendChild(container);\n@@ -732,6 +734,10 @@ describe('ReactDOMFiber', () => {\n await act(async () => {\n root.render();\n });\n+ assertConsoleErrorDev([\n+ 'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Component uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n expect(container.innerHTML).toBe('');\n expect(portalContainer.innerHTML).toBe('

bar<\/div>');\n });\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\nindex d534df76a5..0320272b9c 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\n@@ -27,6 +27,8 @@ let ReactDOMFizzServer;\n let ReactDOMFizzStatic;\n let Suspense;\n let SuspenseList;\n+\n+let assertConsoleErrorDev;\n let useSyncExternalStore;\n let useSyncExternalStoreWithSelector;\n let use;\n@@ -116,12 +118,14 @@ describe('ReactDOMFizzServer', () => {\n useActionState = React.useActionState;\n }\n \n- const InternalTestUtils = require('internal-test-utils');\n- waitForAll = InternalTestUtils.waitForAll;\n- waitFor = InternalTestUtils.waitFor;\n- waitForPaint = InternalTestUtils.waitForPaint;\n- assertLog = InternalTestUtils.assertLog;\n- clientAct = InternalTestUtils.act;\n+ ({\n+ assertConsoleErrorDev,\n+ assertLog,\n+ act: clientAct,\n+ waitFor,\n+ waitForAll,\n+ waitForPaint,\n+ } = require('internal-test-utils'));\n \n if (gate(flags => flags.source)) {\n \/\/ The `with-selector` module composes the main `use-sync-external-store`\n@@ -1950,6 +1954,10 @@ describe('ReactDOMFizzServer', () => {\n );\n pipe(writable);\n });\n+ assertConsoleErrorDev([\n+ 'TestProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'TestConsumer uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n expect(getVisibleChildren(container)).toEqual(\n

\n Loading: A<\/b>\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMLegacyFiber-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMLegacyFiber-test.js\nindex b81dea9f18..c799e3b904 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMLegacyFiber-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMLegacyFiber-test.js\n@@ -786,7 +786,12 @@ describe('ReactDOMLegacyFiber', () => {\n }\n }\n \n- ReactDOM.render(, container);\n+ expect(() => {\n+ ReactDOM.render(, container);\n+ }).toErrorDev([\n+ 'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Component uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n expect(container.innerHTML).toBe('');\n expect(portalContainer.innerHTML).toBe('
bar<\/div>');\n });\n@@ -829,7 +834,13 @@ describe('ReactDOMLegacyFiber', () => {\n }\n }\n \n- const instance = ReactDOM.render(, container);\n+ let instance;\n+ expect(() => {\n+ instance = ReactDOM.render(, container);\n+ }).toErrorDev([\n+ 'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Component uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n expect(portalContainer.innerHTML).toBe('
initial-initial<\/div>');\n expect(container.innerHTML).toBe('');\n instance.setState({bar: 'changed'});\n@@ -871,7 +882,12 @@ describe('ReactDOMLegacyFiber', () => {\n }\n }\n \n- ReactDOM.render(, container);\n+ expect(() => {\n+ ReactDOM.render(, container);\n+ }).toErrorDev([\n+ 'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Component uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n expect(portalContainer.innerHTML).toBe('
initial-initial<\/div>');\n expect(container.innerHTML).toBe('');\n ReactDOM.render(, container);\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerIntegrationLegacyContext-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerIntegrationLegacyContext-test.js\nindex c28bf2d8e4..130bd2310e 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerIntegrationLegacyContext-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerIntegrationLegacyContext-test.js\n@@ -80,6 +80,7 @@ describe('ReactDOMServerIntegration', () => {\n \n \n <\/PurpleContext>,\n+ 2,\n );\n expect(e.textContent).toBe('purple');\n });\n@@ -94,6 +95,7 @@ describe('ReactDOMServerIntegration', () => {\n \n \n <\/PurpleContext>,\n+ 2,\n );\n expect(e.textContent).toBe('purple');\n });\n@@ -110,6 +112,7 @@ describe('ReactDOMServerIntegration', () => {\n \n \n <\/PurpleContext>,\n+ 1,\n );\n expect(e.textContent).toBe('');\n });\n@@ -124,6 +127,7 @@ describe('ReactDOMServerIntegration', () => {\n \n \n <\/PurpleContext>,\n+ 1,\n );\n expect(e.textContent).toBe('');\n });\n@@ -141,6 +145,7 @@ describe('ReactDOMServerIntegration', () => {\n \n \n <\/PurpleContext>,\n+ 2,\n );\n expect(e.textContent).toBe('');\n });\n@@ -158,6 +163,7 @@ describe('ReactDOMServerIntegration', () => {\n \n \n <\/PurpleContext>,\n+ 2,\n );\n expect(e.textContent).toBe('');\n });\n@@ -174,6 +180,7 @@ describe('ReactDOMServerIntegration', () => {\n \n \n <\/PurpleContext>,\n+ 2,\n );\n expect(e.textContent).toBe('purple');\n });\n@@ -190,6 +197,7 @@ describe('ReactDOMServerIntegration', () => {\n \n <\/RedContext>\n <\/PurpleContext>,\n+ 2,\n );\n expect(e.textContent).toBe('red');\n });\n@@ -228,7 +236,7 @@ describe('ReactDOMServerIntegration', () => {\n text2: PropTypes.string,\n };\n \n- const e = await render();\n+ const e = await render(, 3);\n expect(e.querySelector('#first').textContent).toBe('purple');\n expect(e.querySelector('#second').textContent).toBe('red');\n });\n@@ -254,7 +262,7 @@ describe('ReactDOMServerIntegration', () => {\n };\n Child.contextTypes = {text: PropTypes.string};\n \n- const e = await render();\n+ const e = await render(, 2);\n expect(e.textContent).toBe('foo');\n },\n );\n@@ -278,7 +286,8 @@ describe('ReactDOMServerIntegration', () => {\n }\n const e = await render(\n ,\n- render === clientRenderOnBadMarkup ? 2 : 1,\n+ \/\/ Some warning is not de-duped and logged again on the client retry render.\n+ render === clientRenderOnBadMarkup ? 3 : 2,\n );\n expect(e.textContent).toBe('nope');\n },\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactErrorBoundaries-test.internal.js b\/packages\/react-dom\/src\/__tests__\/ReactErrorBoundaries-test.internal.js\nindex f45069e915..2d7696eee5 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactErrorBoundaries-test.internal.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactErrorBoundaries-test.internal.js\n@@ -36,6 +36,7 @@ describe('ReactErrorBoundaries', () => {\n let RetryErrorBoundary;\n let Normal;\n let assertLog;\n+ let assertConsoleErrorDev;\n \n beforeEach(() => {\n jest.useFakeTimers();\n@@ -47,8 +48,7 @@ describe('ReactErrorBoundaries', () => {\n act = require('internal-test-utils').act;\n Scheduler = require('scheduler');\n \n- const InternalTestUtils = require('internal-test-utils');\n- assertLog = InternalTestUtils.assertLog;\n+ ({assertLog, assertConsoleErrorDev} = require('internal-test-utils'));\n \n BrokenConstructor = class extends React.Component {\n constructor(props) {\n@@ -895,6 +895,9 @@ describe('ReactErrorBoundaries', () => {\n <\/ErrorBoundary>,\n );\n });\n+ assertConsoleErrorDev([\n+ 'BrokenComponentWillMountWithContext uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ ]);\n expect(container.firstChild.textContent).toBe('Caught an error: Hello.');\n });\n \ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactFunctionComponent-test.js b\/packages\/react-dom\/src\/__tests__\/ReactFunctionComponent-test.js\nindex d3b8926ecd..d2b1aaa434 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactFunctionComponent-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactFunctionComponent-test.js\n@@ -13,6 +13,7 @@ let PropTypes;\n let React;\n let ReactDOMClient;\n let act;\n+let assertConsoleErrorDev;\n \n function FunctionComponent(props) {\n return
{props.name}<\/div>;\n@@ -24,7 +25,7 @@ describe('ReactFunctionComponent', () => {\n PropTypes = require('prop-types');\n React = require('react');\n ReactDOMClient = require('react-dom\/client');\n- act = require('internal-test-utils').act;\n+ ({act, assertConsoleErrorDev} = require('internal-test-utils'));\n });\n \n it('should render stateless component', async () => {\n@@ -109,6 +110,11 @@ describe('ReactFunctionComponent', () => {\n root.render();\n });\n \n+ assertConsoleErrorDev([\n+ 'GrandParent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Child uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n+\n expect(el.textContent).toBe('test');\n \n await act(() => {\n@@ -472,6 +478,10 @@ describe('ReactFunctionComponent', () => {\n await act(() => {\n root.render();\n });\n+ assertConsoleErrorDev([\n+ 'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Child uses the legacy contextTypes API which will be removed soon. Use React.createContext() with React.useContext() instead.',\n+ ]);\n expect(el.textContent).toBe('en');\n });\n \ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactLegacyCompositeComponent-test.js b\/packages\/react-dom\/src\/__tests__\/ReactLegacyCompositeComponent-test.js\nindex eaf49b7527..cb8b07e72b 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactLegacyCompositeComponent-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactLegacyCompositeComponent-test.js\n@@ -14,7 +14,9 @@ let ReactDOM;\n let findDOMNode;\n let ReactDOMClient;\n let PropTypes;\n+\n let act;\n+let assertConsoleErrorDev;\n \n describe('ReactLegacyCompositeComponent', () => {\n beforeEach(() => {\n@@ -26,7 +28,7 @@ describe('ReactLegacyCompositeComponent', () => {\n ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE\n .findDOMNode;\n PropTypes = require('prop-types');\n- act = require('internal-test-utils').act;\n+ ({act, assertConsoleErrorDev} = require('internal-test-utils'));\n });\n \n \/\/ @gate !disableLegacyMode\n@@ -119,6 +121,10 @@ describe('ReactLegacyCompositeComponent', () => {\n await act(() => {\n root.render( (component = current)} \/>);\n });\n+ assertConsoleErrorDev([\n+ 'Child uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Grandchild uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n expect(findDOMNode(component).innerHTML).toBe('bar');\n });\n \n@@ -183,6 +189,11 @@ describe('ReactLegacyCompositeComponent', () => {\n expect(parentInstance.state.flag).toBe(false);\n expect(childInstance.context).toEqual({foo: 'bar', flag: false});\n \n+ assertConsoleErrorDev([\n+ 'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Child uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n+\n await act(() => {\n parentInstance.setState({flag: true});\n });\n@@ -242,6 +253,11 @@ describe('ReactLegacyCompositeComponent', () => {\n root.render( (wrapper = current)} \/>);\n });\n \n+ assertConsoleErrorDev([\n+ 'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Child uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n+\n expect(wrapper.parentRef.current.state.flag).toEqual(true);\n expect(wrapper.childRef.current.context).toEqual({flag: true});\n \n@@ -317,6 +333,13 @@ describe('ReactLegacyCompositeComponent', () => {\n root.render();\n });\n \n+ assertConsoleErrorDev([\n+ 'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Child uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Child uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'Grandchild uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n+\n expect(childInstance.context).toEqual({foo: 'bar', depth: 0});\n expect(grandchildInstance.context).toEqual({foo: 'bar', depth: 1});\n });\n@@ -369,6 +392,9 @@ describe('ReactLegacyCompositeComponent', () => {\n await act(() => {\n root.render( (parentInstance = current)} \/>);\n });\n+ assertConsoleErrorDev([\n+ 'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ ]);\n \n expect(childInstance).toBeNull();\n \n@@ -376,6 +402,10 @@ describe('ReactLegacyCompositeComponent', () => {\n await act(() => {\n parentInstance.setState({flag: true});\n });\n+ assertConsoleErrorDev([\n+ 'Child uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n+\n expect(parentInstance.state.flag).toBe(true);\n \n expect(childInstance.context).toEqual({foo: 'bar', depth: 0});\n@@ -435,7 +465,12 @@ describe('ReactLegacyCompositeComponent', () => {\n }\n \n const div = document.createElement('div');\n- ReactDOM.render(, div);\n+ expect(() => {\n+ ReactDOM.render(, div);\n+ }).toErrorDev([\n+ 'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Leaf uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n expect(div.children[0].innerHTML).toBe('noise');\n div.children[0].innerHTML = 'aliens';\n div.children[0].id = 'aliens';\n@@ -537,20 +572,26 @@ describe('ReactLegacyCompositeComponent', () => {\n const div = document.createElement('div');\n \n let parentInstance = null;\n- ReactDOM.render(\n- (parentInstance = inst)}>\n- \n- A1\n- A2<\/GrandChild>\n- <\/ChildWithoutContext>\n-\n- \n- B1\n- B2<\/GrandChild>\n- <\/ChildWithContext>\n- <\/Parent>,\n- div,\n- );\n+ expect(() => {\n+ ReactDOM.render(\n+ (parentInstance = inst)}>\n+ \n+ A1\n+ A2<\/GrandChild>\n+ <\/ChildWithoutContext>\n+\n+ \n+ B1\n+ B2<\/GrandChild>\n+ <\/ChildWithContext>\n+ <\/Parent>,\n+ div,\n+ );\n+ }).toErrorDev([\n+ 'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'GrandChild uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'ChildWithContext uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n \n parentInstance.setState({\n foo: 'def',\n@@ -733,12 +774,17 @@ describe('ReactLegacyCompositeComponent', () => {\n }\n \n const div = document.createElement('div');\n- ReactDOM.render(\n- \n- \n- <\/Parent>,\n- div,\n- );\n+ expect(() => {\n+ ReactDOM.render(\n+ \n+ \n+ <\/Parent>,\n+ div,\n+ );\n+ }).toErrorDev([\n+ 'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Component uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n });\n \n it('should replace state in legacy mode', async () => {\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactLegacyErrorBoundaries-test.internal.js b\/packages\/react-dom\/src\/__tests__\/ReactLegacyErrorBoundaries-test.internal.js\nindex f45fae7bbd..2444900ec6 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactLegacyErrorBoundaries-test.internal.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactLegacyErrorBoundaries-test.internal.js\n@@ -849,6 +849,9 @@ describe('ReactLegacyErrorBoundaries', () => {\n <\/ErrorBoundary>,\n container,\n );\n+ assertConsoleErrorDev([\n+ 'BrokenComponentWillMountWithContext uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ ]);\n expect(container.firstChild.textContent).toBe('Caught an error: Hello.');\n });\n \ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactServerRendering-test.js b\/packages\/react-dom\/src\/__tests__\/ReactServerRendering-test.js\nindex 065f7cadd7..71e6ce7224 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactServerRendering-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactServerRendering-test.js\n@@ -371,11 +371,17 @@ describe('ReactDOMServer', () => {\n text: PropTypes.string,\n };\n \n- const markup = ReactDOMServer.renderToStaticMarkup(\n- \n- \n- <\/ContextProvider>,\n- );\n+ let markup;\n+ expect(() => {\n+ markup = ReactDOMServer.renderToStaticMarkup(\n+ \n+ \n+ <\/ContextProvider>,\n+ );\n+ }).toErrorDev([\n+ 'ContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Component uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n expect(markup).toContain('hello, world');\n });\n \ndiff --git a\/packages\/react-native-renderer\/src\/__tests__\/ReactNativeEvents-test.internal.js b\/packages\/react-native-renderer\/src\/__tests__\/ReactNativeEvents-test.internal.js\nindex ed0521bede..46b2ad9cf1 100644\n--- a\/packages\/react-native-renderer\/src\/__tests__\/ReactNativeEvents-test.internal.js\n+++ b\/packages\/react-native-renderer\/src\/__tests__\/ReactNativeEvents-test.internal.js\n@@ -227,27 +227,31 @@ test('handles events on text nodes', () => {\n }\n \n const log = [];\n- ReactNative.render(\n- \n- \n- log.push('string touchend')}\n- onTouchEndCapture={() => log.push('string touchend capture')}\n- onTouchStart={() => log.push('string touchstart')}\n- onTouchStartCapture={() => log.push('string touchstart capture')}>\n- Text Content\n- <\/Text>\n- log.push('number touchend')}\n- onTouchEndCapture={() => log.push('number touchend capture')}\n- onTouchStart={() => log.push('number touchstart')}\n- onTouchStartCapture={() => log.push('number touchstart capture')}>\n- {123}\n+ expect(() => {\n+ ReactNative.render(\n+ \n+ \n+ log.push('string touchend')}\n+ onTouchEndCapture={() => log.push('string touchend capture')}\n+ onTouchStart={() => log.push('string touchstart')}\n+ onTouchStartCapture={() => log.push('string touchstart capture')}>\n+ Text Content\n+ <\/Text>\n+ log.push('number touchend')}\n+ onTouchEndCapture={() => log.push('number touchend capture')}\n+ onTouchStart={() => log.push('number touchstart')}\n+ onTouchStartCapture={() => log.push('number touchstart capture')}>\n+ {123}\n+ <\/Text>\n <\/Text>\n- <\/Text>\n- <\/ContextHack>,\n- 1,\n- );\n+ <\/ContextHack>,\n+ 1,\n+ );\n+ }).toErrorDev([\n+ 'ContextHack uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ ]);\n \n expect(UIManager.createView).toHaveBeenCalledTimes(5);\n \ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js\nindex 5c759d9a52..d53ee83777 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js\n@@ -316,6 +316,7 @@ let didReceiveUpdate: boolean = false;\n \n let didWarnAboutBadClass;\n let didWarnAboutContextTypeOnFunctionComponent;\n+let didWarnAboutContextTypes;\n let didWarnAboutGetDerivedStateOnFunctionComponent;\n let didWarnAboutFunctionRefs;\n export let didWarnAboutReassigningProps: boolean;\n@@ -326,6 +327,7 @@ let didWarnAboutDefaultPropsOnFunctionComponent;\n if (__DEV__) {\n didWarnAboutBadClass = ({}: {[string]: boolean});\n didWarnAboutContextTypeOnFunctionComponent = ({}: {[string]: boolean});\n+ didWarnAboutContextTypes = ({}: {[string]: boolean});\n didWarnAboutGetDerivedStateOnFunctionComponent = ({}: {[string]: boolean});\n didWarnAboutFunctionRefs = ({}: {[string]: boolean});\n didWarnAboutReassigningProps = false;\n@@ -1130,12 +1132,27 @@ function updateFunctionComponent(\n \/\/ in updateFuntionComponent but only on mount\n validateFunctionComponentInDev(workInProgress, workInProgress.type);\n \n- if (disableLegacyContext && Component.contextTypes) {\n- console.error(\n- '%s uses the legacy contextTypes API which was removed in React 19. ' +\n- 'Use React.createContext() with React.useContext() instead.',\n- getComponentNameFromType(Component) || 'Unknown',\n- );\n+ if (Component.contextTypes) {\n+ const componentName = getComponentNameFromType(Component) || 'Unknown';\n+\n+ if (!didWarnAboutContextTypes[componentName]) {\n+ didWarnAboutContextTypes[componentName] = true;\n+ if (disableLegacyContext) {\n+ console.error(\n+ '%s uses the legacy contextTypes API which was removed in React 19. ' +\n+ 'Use React.createContext() with React.useContext() instead. ' +\n+ '(https:\/\/react.dev\/link\/legacy-context)',\n+ componentName,\n+ );\n+ } else {\n+ console.error(\n+ '%s uses the legacy contextTypes API which will be removed soon. ' +\n+ 'Use React.createContext() with React.useContext() instead. ' +\n+ '(https:\/\/react.dev\/link\/legacy-context)',\n+ componentName,\n+ );\n+ }\n+ }\n }\n }\n }\n@@ -1923,14 +1940,12 @@ function mountIncompleteClassComponent(\n \n function validateFunctionComponentInDev(workInProgress: Fiber, Component: any) {\n if (__DEV__) {\n- if (Component) {\n- if (Component.childContextTypes) {\n- console.error(\n- 'childContextTypes cannot be defined on a function component.\\n' +\n- ' %s.childContextTypes = ...',\n- Component.displayName || Component.name || 'Component',\n- );\n- }\n+ if (Component && Component.childContextTypes) {\n+ console.error(\n+ 'childContextTypes cannot be defined on a function component.\\n' +\n+ ' %s.childContextTypes = ...',\n+ Component.displayName || Component.name || 'Component',\n+ );\n }\n if (!enableRefAsProp && workInProgress.ref !== null) {\n let info = '';\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberClassComponent.js b\/packages\/react-reconciler\/src\/ReactFiberClassComponent.js\nindex 4f7ef8530a..f1419d1aad 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberClassComponent.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberClassComponent.js\n@@ -393,7 +393,7 @@ function checkClassInstance(workInProgress: Fiber, ctor: any, newProps: any) {\n didWarnAboutChildContextTypes.add(ctor);\n console.error(\n '%s uses the legacy childContextTypes API which was removed in React 19. ' +\n- 'Use React.createContext() instead.',\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)',\n name,\n );\n }\n@@ -401,7 +401,8 @@ function checkClassInstance(workInProgress: Fiber, ctor: any, newProps: any) {\n didWarnAboutContextTypes.add(ctor);\n console.error(\n '%s uses the legacy contextTypes API which was removed in React 19. ' +\n- 'Use React.createContext() with static contextType instead.',\n+ 'Use React.createContext() with static contextType instead. ' +\n+ '(https:\/\/react.dev\/link\/legacy-context)',\n name,\n );\n }\n@@ -426,6 +427,23 @@ function checkClassInstance(workInProgress: Fiber, ctor: any, newProps: any) {\n name,\n );\n }\n+ if (ctor.childContextTypes && !didWarnAboutChildContextTypes.has(ctor)) {\n+ didWarnAboutChildContextTypes.add(ctor);\n+ console.error(\n+ '%s uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)',\n+ name,\n+ );\n+ }\n+ if (ctor.contextTypes && !didWarnAboutContextTypes.has(ctor)) {\n+ didWarnAboutContextTypes.add(ctor);\n+ console.error(\n+ '%s uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. ' +\n+ '(https:\/\/react.dev\/link\/legacy-context)',\n+ name,\n+ );\n+ }\n }\n \n if (typeof instance.componentShouldUpdate === 'function') {\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js\nindex 2ce110bebe..399e4c01b9 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js\n@@ -14,6 +14,8 @@ let React;\n let ReactNoop;\n let Scheduler;\n let PropTypes;\n+\n+let assertConsoleErrorDev;\n let waitForAll;\n let waitFor;\n let waitForThrow;\n@@ -27,11 +29,13 @@ describe('ReactIncremental', () => {\n Scheduler = require('scheduler');\n PropTypes = require('prop-types');\n \n- const InternalTestUtils = require('internal-test-utils');\n- waitForAll = InternalTestUtils.waitForAll;\n- waitFor = InternalTestUtils.waitFor;\n- waitForThrow = InternalTestUtils.waitForThrow;\n- assertLog = InternalTestUtils.assertLog;\n+ ({\n+ assertConsoleErrorDev,\n+ waitForAll,\n+ waitFor,\n+ waitForThrow,\n+ assertLog,\n+ } = require('internal-test-utils'));\n });\n \n \/\/ Note: This is based on a similar component we use in www. We can delete\n@@ -1793,6 +1797,11 @@ describe('ReactIncremental', () => {\n 'ShowLocale {\"locale\":\"fr\"}',\n 'ShowBoth {\"locale\":\"fr\"}',\n ]);\n+ assertConsoleErrorDev([\n+ 'Intl uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'ShowLocale uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'ShowBoth uses the legacy contextTypes API which will be removed soon. Use React.createContext() with React.useContext() instead.',\n+ ]);\n \n ReactNoop.render(\n \n@@ -1843,6 +1852,10 @@ describe('ReactIncremental', () => {\n 'ShowBoth {\"locale\":\"en\",\"route\":\"\/about\"}',\n 'ShowBoth {\"locale\":\"en\"}',\n ]);\n+ assertConsoleErrorDev([\n+ 'Router uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'ShowRoute uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n });\n \n \/\/ @gate !disableLegacyContext\n@@ -1876,6 +1889,10 @@ describe('ReactIncremental', () => {\n 'Recurse {\"n\":1}',\n 'Recurse {\"n\":0}',\n ]);\n+ assertConsoleErrorDev([\n+ 'Recurse uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Recurse uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n });\n \n \/\/ @gate enableLegacyHidden && !disableLegacyContext\n@@ -1925,6 +1942,10 @@ describe('ReactIncremental', () => {\n 'ShowLocale {\"locale\":\"fr\"}',\n 'ShowLocale {\"locale\":\"fr\"}',\n ]);\n+ assertConsoleErrorDev([\n+ 'Intl uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'ShowLocale uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n \n await waitForAll([\n 'ShowLocale {\"locale\":\"fr\"}',\n@@ -2012,6 +2033,11 @@ describe('ReactIncremental', () => {\n 'ShowLocaleClass:read {\"locale\":\"fr\"}',\n 'ShowLocaleFn:read {\"locale\":\"fr\"}',\n ]);\n+ assertConsoleErrorDev([\n+ 'Intl uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'ShowLocaleClass uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'ShowLocaleFn uses the legacy contextTypes API which will be removed soon. Use React.createContext() with React.useContext() instead.',\n+ ]);\n \n statefulInst.setState({x: 1});\n await waitForAll([]);\n@@ -2098,6 +2124,12 @@ describe('ReactIncremental', () => {\n 'ShowLocaleFn:read {\"locale\":\"fr\"}',\n ]);\n \n+ assertConsoleErrorDev([\n+ 'Intl uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'ShowLocaleClass uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'ShowLocaleFn uses the legacy contextTypes API which will be removed soon. Use React.createContext() with React.useContext() instead.',\n+ ]);\n+\n statefulInst.setState({locale: 'gr'});\n await waitForAll([\n \/\/ Intl is below setState() so it might have been\n@@ -2154,6 +2186,10 @@ describe('ReactIncremental', () => {\n ReactNoop.render();\n await waitForAll([]);\n \n+ assertConsoleErrorDev([\n+ 'Child uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ ]);\n+\n \/\/ Trigger an update in the middle of the tree\n instance.setState({});\n await waitForAll([]);\n@@ -2199,7 +2235,9 @@ describe('ReactIncremental', () => {\n \n \/\/ Init\n ReactNoop.render();\n- await waitForAll([]);\n+ await expect(async () => await waitForAll([])).toErrorDev([\n+ 'ContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ ]);\n \n \/\/ Trigger an update in the middle of the tree\n \/\/ This is necessary to reproduce the error as it currently exists.\n@@ -2252,6 +2290,10 @@ describe('ReactIncremental', () => {\n 'render',\n 'componentDidUpdate',\n ]);\n+\n+ assertConsoleErrorDev([\n+ 'MyComponent uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n });\n \n \/\/ eslint-disable-next-line jest\/no-disabled-tests\n@@ -2384,6 +2426,10 @@ describe('ReactIncremental', () => {\n );\n \n await waitForAll(['count:0']);\n+ assertConsoleErrorDev([\n+ 'TopContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Child uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n instance.updateCount();\n await waitForAll(['count:1']);\n });\n@@ -2440,6 +2486,11 @@ describe('ReactIncremental', () => {\n );\n \n await waitForAll(['count:0']);\n+ assertConsoleErrorDev([\n+ 'TopContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'MiddleContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Child uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n instance.updateCount();\n await waitForAll(['count:1']);\n });\n@@ -2505,6 +2556,11 @@ describe('ReactIncremental', () => {\n );\n \n await waitForAll(['count:0']);\n+ assertConsoleErrorDev([\n+ 'TopContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'MiddleContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Child uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n instance.updateCount();\n await waitForAll([]);\n });\n@@ -2580,6 +2636,11 @@ describe('ReactIncremental', () => {\n );\n \n await waitForAll(['count:0, name:brian']);\n+ assertConsoleErrorDev([\n+ 'TopContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'MiddleContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Child uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n topInstance.updateCount();\n await waitForAll([]);\n middleInstance.updateName('not brian');\n@@ -2685,6 +2746,7 @@ describe('ReactIncremental', () => {\n await expect(async () => {\n await waitForAll([]);\n }).toErrorDev([\n+ 'Boundary uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n 'Legacy context API has been detected within a strict-mode tree',\n ]);\n }\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js b\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js\nindex 0cee8150cb..91658c562c 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js\n@@ -1211,7 +1211,14 @@ describe('ReactIncrementalErrorHandling', () => {\n \n <\/Provider>,\n );\n- await waitForAll([]);\n+\n+ await expect(async () => {\n+ await waitForAll([]);\n+ }).toErrorDev([\n+ 'Provider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Provider uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'Connector uses the legacy contextTypes API which will be removed soon. Use React.createContext() with React.useContext() instead.',\n+ ]);\n \n \/\/ If the context stack does not unwind, span will get 'abcde'\n expect(ReactNoop).toMatchRenderedOutput();\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js\nindex 59d88a9ffa..b8fbca8339 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js\n@@ -17,6 +17,7 @@ let gen;\n let waitForAll;\n let waitFor;\n let waitForThrow;\n+let assertConsoleErrorDev;\n \n describe('ReactNewContext', () => {\n beforeEach(() => {\n@@ -28,10 +29,12 @@ describe('ReactNewContext', () => {\n Scheduler = require('scheduler');\n gen = require('random-seed');\n \n- const InternalTestUtils = require('internal-test-utils');\n- waitForAll = InternalTestUtils.waitForAll;\n- waitFor = InternalTestUtils.waitFor;\n- waitForThrow = InternalTestUtils.waitForThrow;\n+ ({\n+ waitForAll,\n+ waitFor,\n+ waitForThrow,\n+ assertConsoleErrorDev,\n+ } = require('internal-test-utils'));\n });\n \n afterEach(() => {\n@@ -1032,6 +1035,9 @@ describe('ReactNewContext', () => {\n <\/LegacyProvider>,\n );\n await waitForAll(['LegacyProvider', 'App', 'Child']);\n+ assertConsoleErrorDev([\n+ 'LegacyProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ ]);\n expect(ReactNoop).toMatchRenderedOutput();\n \n \/\/ Update App with same value (should bail out)\ndiff --git a\/packages\/react-server\/src\/ReactFizzClassComponent.js b\/packages\/react-server\/src\/ReactFizzClassComponent.js\nindex 6ef87f100b..08b4aaa94c 100644\n--- a\/packages\/react-server\/src\/ReactFizzClassComponent.js\n+++ b\/packages\/react-server\/src\/ReactFizzClassComponent.js\n@@ -370,7 +370,7 @@ function checkClassInstance(instance: any, ctor: any, newProps: any) {\n didWarnAboutChildContextTypes.add(ctor);\n console.error(\n '%s uses the legacy childContextTypes API which was removed in React 19. ' +\n- 'Use React.createContext() instead.',\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)',\n name,\n );\n }\n@@ -378,7 +378,8 @@ function checkClassInstance(instance: any, ctor: any, newProps: any) {\n didWarnAboutContextTypes.add(ctor);\n console.error(\n '%s uses the legacy contextTypes API which was removed in React 19. ' +\n- 'Use React.createContext() with static contextType instead.',\n+ 'Use React.createContext() with static contextType instead. ' +\n+ '(https:\/\/react.dev\/link\/legacy-context)',\n name,\n );\n }\n@@ -386,7 +387,7 @@ function checkClassInstance(instance: any, ctor: any, newProps: any) {\n if (instance.contextTypes) {\n console.error(\n 'contextTypes was defined as an instance property on %s. Use a static ' +\n- 'property to define contextTypes instead.',\n+ 'property to define contextTypes instead. (https:\/\/react.dev\/link\/legacy-context)',\n name,\n );\n }\n@@ -403,6 +404,23 @@ function checkClassInstance(instance: any, ctor: any, newProps: any) {\n name,\n );\n }\n+ if (ctor.childContextTypes && !didWarnAboutChildContextTypes.has(ctor)) {\n+ didWarnAboutChildContextTypes.add(ctor);\n+ console.error(\n+ '%s uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)',\n+ name,\n+ );\n+ }\n+ if (ctor.contextTypes && !didWarnAboutContextTypes.has(ctor)) {\n+ didWarnAboutContextTypes.add(ctor);\n+ console.error(\n+ '%s uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. ' +\n+ '(https:\/\/react.dev\/link\/legacy-context)',\n+ name,\n+ );\n+ }\n }\n \n if (typeof instance.componentShouldUpdate === 'function') {\ndiff --git a\/packages\/react-server\/src\/ReactFizzServer.js b\/packages\/react-server\/src\/ReactFizzServer.js\nindex afdc9efbb2..ce255e58a8 100644\n--- a\/packages\/react-server\/src\/ReactFizzServer.js\n+++ b\/packages\/react-server\/src\/ReactFizzServer.js\n@@ -1638,6 +1638,7 @@ function renderClassComponent(\n }\n \n const didWarnAboutBadClass: {[string]: boolean} = {};\n+const didWarnAboutContextTypes: {[string]: boolean} = {};\n const didWarnAboutContextTypeOnFunctionComponent: {[string]: boolean} = {};\n const didWarnAboutGetDerivedStateOnFunctionComponent: {[string]: boolean} = {};\n let didWarnAboutReassigningProps = false;\n@@ -1688,12 +1689,24 @@ function renderFunctionComponent(\n const actionStateMatchingIndex = getActionStateMatchingIndex();\n \n if (__DEV__) {\n- if (disableLegacyContext && Component.contextTypes) {\n- console.error(\n- '%s uses the legacy contextTypes API which was removed in React 19. ' +\n- 'Use React.createContext() with React.useContext() instead.',\n- getComponentNameFromType(Component) || 'Unknown',\n- );\n+ if (Component.contextTypes) {\n+ const componentName = getComponentNameFromType(Component) || 'Unknown';\n+ if (!didWarnAboutContextTypes[componentName]) {\n+ didWarnAboutContextTypes[componentName] = true;\n+ if (disableLegacyContext) {\n+ console.error(\n+ '%s uses the legacy contextTypes API which was removed in React 19. ' +\n+ 'Use React.createContext() with React.useContext() instead.',\n+ componentName,\n+ );\n+ } else {\n+ console.error(\n+ '%s uses the legacy contextTypes API which will be removed soon. ' +\n+ 'Use React.createContext() with React.useContext() instead.',\n+ componentName,\n+ );\n+ }\n+ }\n }\n }\n if (__DEV__) {\n@@ -1771,14 +1784,12 @@ function finishFunctionComponent(\n \n function validateFunctionComponentInDev(Component: any): void {\n if (__DEV__) {\n- if (Component) {\n- if (Component.childContextTypes) {\n- console.error(\n- 'childContextTypes cannot be defined on a function component.\\n' +\n- ' %s.childContextTypes = ...',\n- Component.displayName || Component.name || 'Component',\n- );\n- }\n+ if (Component && Component.childContextTypes) {\n+ console.error(\n+ 'childContextTypes cannot be defined on a function component.\\n' +\n+ ' %s.childContextTypes = ...',\n+ Component.displayName || Component.name || 'Component',\n+ );\n }\n \n if (\ndiff --git a\/packages\/react\/src\/__tests__\/ReactCoffeeScriptClass-test.coffee b\/packages\/react\/src\/__tests__\/ReactCoffeeScriptClass-test.coffee\nindex 4a4d07a78e..22ef789f4f 100644\n--- a\/packages\/react\/src\/__tests__\/ReactCoffeeScriptClass-test.coffee\n+++ b\/packages\/react\/src\/__tests__\/ReactCoffeeScriptClass-test.coffee\n@@ -254,7 +254,12 @@ describe 'ReactCoffeeScriptClass', ->\n render: ->\n React.createElement Foo\n \n- test React.createElement(Outer), 'SPAN', 'foo'\n+ expect(->\n+ test React.createElement(Outer), 'SPAN', 'foo'\n+ ).toErrorDev([\n+ 'Outer uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Foo uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ])\n \n it 'renders only once when setting state in componentWillMount', ->\n renderCount = 0\n@@ -537,7 +542,14 @@ describe 'ReactCoffeeScriptClass', ->\n render: ->\n React.createElement Bar\n \n- test React.createElement(Foo), 'DIV', 'bar-through-context'\n+ expect(->\n+ test React.createElement(Foo), 'DIV', 'bar-through-context'\n+ ).toErrorDev(\n+ [\n+ 'Foo uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Bar uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ],\n+ )\n \n if !featureFlags.disableStringRefs\n it 'supports string refs', ->\ndiff --git a\/packages\/react\/src\/__tests__\/ReactContextValidator-test.js b\/packages\/react\/src\/__tests__\/ReactContextValidator-test.js\nindex cbe9cb2641..3f24e5bed8 100644\n--- a\/packages\/react\/src\/__tests__\/ReactContextValidator-test.js\n+++ b\/packages\/react\/src\/__tests__\/ReactContextValidator-test.js\n@@ -66,11 +66,16 @@ describe('ReactContextValidator', () => {\n let instance;\n const container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- await act(() => {\n- root.render(\n- (instance = current)} \/>,\n- );\n- });\n+ await expect(async () => {\n+ await act(() => {\n+ root.render(\n+ (instance = current)} \/>,\n+ );\n+ });\n+ }).toErrorDev([\n+ 'ComponentInFooBarContext uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Component uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n expect(instance.childRef.current.context).toEqual({foo: 'abc'});\n });\n \n@@ -139,9 +144,14 @@ describe('ReactContextValidator', () => {\n \n const container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- await act(() => {\n- root.render();\n- });\n+ await expect(async () => {\n+ await act(() => {\n+ root.render();\n+ });\n+ }).toErrorDev([\n+ 'Parent uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Component uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n \n expect(constructorContext).toEqual({foo: 'abc'});\n expect(renderContext).toEqual({foo: 'abc'});\n@@ -187,11 +197,10 @@ describe('ReactContextValidator', () => {\n await act(() => {\n root.render();\n });\n- }).toErrorDev(\n- 'ComponentA.childContextTypes is specified but there is no ' +\n- 'getChildContext() method on the instance. You can either define ' +\n- 'getChildContext() on ComponentA or remove childContextTypes from it.',\n- );\n+ }).toErrorDev([\n+ 'ComponentA uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'ComponentA.childContextTypes is specified but there is no getChildContext() method on the instance. You can either define getChildContext() on ComponentA or remove childContextTypes from it.',\n+ ]);\n \n \/\/ Warnings should be deduped by component type\n let container = document.createElement('div');\n@@ -206,11 +215,10 @@ describe('ReactContextValidator', () => {\n await act(() => {\n root.render();\n });\n- }).toErrorDev(\n- 'ComponentB.childContextTypes is specified but there is no ' +\n- 'getChildContext() method on the instance. You can either define ' +\n- 'getChildContext() on ComponentB or remove childContextTypes from it.',\n- );\n+ }).toErrorDev([\n+ 'ComponentB uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'ComponentB.childContextTypes is specified but there is no getChildContext() method on the instance. You can either define getChildContext() on ComponentB or remove childContextTypes from it.',\n+ ]);\n });\n \n \/\/ TODO (bvaughn) Remove this test and the associated behavior in the future.\n@@ -259,9 +267,10 @@ describe('ReactContextValidator', () => {\n root.render();\n });\n }).toErrorDev([\n- 'MiddleMissingContext.childContextTypes is specified but there is no ' +\n- 'getChildContext() method on the instance. You can either define getChildContext() ' +\n- 'on MiddleMissingContext or remove childContextTypes from it.',\n+ 'ParentContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'MiddleMissingContext uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'MiddleMissingContext.childContextTypes is specified but there is no getChildContext() method on the instance. You can either define getChildContext() on MiddleMissingContext or remove childContextTypes from it.',\n+ 'ChildContextConsumer uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n ]);\n expect(childContext.bar).toBeUndefined();\n expect(childContext.foo).toBe('FOO');\n@@ -435,10 +444,11 @@ describe('ReactContextValidator', () => {\n <\/ParentContextProvider>,\n );\n });\n- }).toErrorDev(\n- 'ComponentA declares both contextTypes and contextType static properties. ' +\n- 'The legacy contextTypes property will be ignored.',\n- );\n+ }).toErrorDev([\n+ 'ParentContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead',\n+ 'ComponentA uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'ComponentA declares both contextTypes and contextType static properties. The legacy contextTypes property will be ignored.',\n+ ]);\n \n \/\/ Warnings should be deduped by component type\n let container = document.createElement('div');\n@@ -461,10 +471,10 @@ describe('ReactContextValidator', () => {\n <\/ParentContextProvider>,\n );\n });\n- }).toErrorDev(\n- 'ComponentB declares both contextTypes and contextType static properties. ' +\n- 'The legacy contextTypes property will be ignored.',\n- );\n+ }).toErrorDev([\n+ 'ComponentB declares both contextTypes and contextType static properties. The legacy contextTypes property will be ignored.',\n+ 'ComponentB uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n });\n \n \/\/ @gate enableRenderableContext || !__DEV__\ndiff --git a\/packages\/react\/src\/__tests__\/ReactES6Class-test.js b\/packages\/react\/src\/__tests__\/ReactES6Class-test.js\nindex 769bf5b9a5..3ac0b18e8e 100644\n--- a\/packages\/react\/src\/__tests__\/ReactES6Class-test.js\n+++ b\/packages\/react\/src\/__tests__\/ReactES6Class-test.js\n@@ -13,6 +13,7 @@ let PropTypes;\n let React;\n let ReactDOM;\n let ReactDOMClient;\n+let assertConsoleErrorDev;\n \n describe('ReactES6Class', () => {\n let container;\n@@ -30,6 +31,7 @@ describe('ReactES6Class', () => {\n React = require('react');\n ReactDOM = require('react-dom');\n ReactDOMClient = require('react-dom\/client');\n+ ({assertConsoleErrorDev} = require('internal-test-utils'));\n container = document.createElement('div');\n root = ReactDOMClient.createRoot(container);\n attachedListener = null;\n@@ -287,6 +289,11 @@ describe('ReactES6Class', () => {\n className: PropTypes.string,\n };\n runTest(, 'SPAN', 'foo');\n+\n+ assertConsoleErrorDev([\n+ 'Outer uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Foo uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n });\n }\n \n@@ -579,6 +586,10 @@ describe('ReactES6Class', () => {\n }\n Foo.childContextTypes = {bar: PropTypes.string};\n runTest(, 'DIV', 'bar-through-context');\n+ assertConsoleErrorDev([\n+ 'Foo uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Bar uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n });\n }\n \ndiff --git a\/packages\/react\/src\/__tests__\/ReactStrictMode-test.js b\/packages\/react\/src\/__tests__\/ReactStrictMode-test.js\nindex 6a887fc9d9..2ab9c3fa18 100644\n--- a\/packages\/react\/src\/__tests__\/ReactStrictMode-test.js\n+++ b\/packages\/react\/src\/__tests__\/ReactStrictMode-test.js\n@@ -18,6 +18,7 @@ let act;\n let useMemo;\n let useState;\n let useReducer;\n+let assertConsoleErrorDev;\n \n const ReactFeatureFlags = require('shared\/ReactFeatureFlags');\n \n@@ -28,7 +29,7 @@ describe('ReactStrictMode', () => {\n ReactDOM = require('react-dom');\n ReactDOMClient = require('react-dom\/client');\n ReactDOMServer = require('react-dom\/server');\n- act = require('internal-test-utils').act;\n+ ({act, assertConsoleErrorDev} = require('internal-test-utils'));\n useMemo = React.useMemo;\n useState = React.useState;\n useReducer = React.useReducer;\n@@ -1072,11 +1073,33 @@ describe('context legacy', () => {\n \n const container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- await expect(async () => {\n- await act(() => {\n- root.render();\n- });\n- }).toErrorDev(\n+ await act(() => {\n+ root.render();\n+ });\n+\n+ assertConsoleErrorDev([\n+ 'LegacyContextProvider uses the legacy childContextTypes API ' +\n+ 'which will soon be removed. Use React.createContext() instead. ' +\n+ '(https:\/\/react.dev\/link\/legacy-context)' +\n+ '\\n in LegacyContextProvider (at **)' +\n+ '\\n in div (at **)' +\n+ '\\n in Root (at **)',\n+ 'LegacyContextConsumer uses the legacy contextTypes API which ' +\n+ 'will soon be removed. Use React.createContext() with static ' +\n+ 'contextType instead. (https:\/\/react.dev\/link\/legacy-context)' +\n+ '\\n in LegacyContextConsumer (at **)' +\n+ '\\n in div (at **)' +\n+ '\\n in LegacyContextProvider (at **)' +\n+ '\\n in div (at **)' +\n+ '\\n in Root (at **)',\n+ 'FunctionalLegacyContextConsumer uses the legacy contextTypes ' +\n+ 'API which will be removed soon. Use React.createContext() ' +\n+ 'with React.useContext() instead. (https:\/\/react.dev\/link\/legacy-context)' +\n+ '\\n in FunctionalLegacyContextConsumer (at **)' +\n+ '\\n in div (at **)' +\n+ '\\n in LegacyContextProvider (at **)' +\n+ '\\n in div (at **)' +\n+ '\\n in Root (at **)',\n 'Legacy context API has been detected within a strict-mode tree.' +\n '\\n\\nThe old API will be supported in all 16.x releases, but applications ' +\n 'using it should migrate to the new version.' +\n@@ -1087,7 +1110,7 @@ describe('context legacy', () => {\n '\\n in LegacyContextProvider (at **)' +\n '\\n in div (at **)' +\n '\\n in Root (at **)',\n- );\n+ ]);\n \n \/\/ Dedupe\n await act(() => {\ndiff --git a\/packages\/react\/src\/__tests__\/ReactTypeScriptClass-test.ts b\/packages\/react\/src\/__tests__\/ReactTypeScriptClass-test.ts\nindex 139a5c01e8..4f4564d356 100644\n--- a\/packages\/react\/src\/__tests__\/ReactTypeScriptClass-test.ts\n+++ b\/packages\/react\/src\/__tests__\/ReactTypeScriptClass-test.ts\n@@ -518,7 +518,10 @@ describe('ReactTypeScriptClass', function() {\n \n if (!ReactFeatureFlags.disableLegacyContext) {\n it('renders based on context in the constructor', function() {\n- test(React.createElement(ProvideChildContextTypes), 'SPAN', 'foo');\n+ expect(() => test(React.createElement(ProvideChildContextTypes), 'SPAN', 'foo')).toErrorDev([\n+ 'ProvideChildContextTypes uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'StateBasedOnContext uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.'\n+ ]);\n });\n }\n \n@@ -687,8 +690,11 @@ describe('ReactTypeScriptClass', function() {\n });\n \n if (!ReactFeatureFlags.disableLegacyContext) {\n- it('supports this.context passed via getChildContext', function() {\n- test(React.createElement(ProvideContext), 'DIV', 'bar-through-context');\n+ it('supports this.context passed via getChildContext', () => {\n+ expect(() => test(React.createElement(ProvideContext), 'DIV', 'bar-through-context')).toErrorDev([\n+ 'ProvideContext uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'ReadContext uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+] );\n });\n }\n \ndiff --git a\/packages\/react\/src\/__tests__\/createReactClassIntegration-test.js b\/packages\/react\/src\/__tests__\/createReactClassIntegration-test.js\nindex 8adb37cad0..330150506c 100644\n--- a\/packages\/react\/src\/__tests__\/createReactClassIntegration-test.js\n+++ b\/packages\/react\/src\/__tests__\/createReactClassIntegration-test.js\n@@ -10,6 +10,7 @@\n 'use strict';\n \n let act;\n+let assertConsoleErrorDev;\n \n let PropTypes;\n let React;\n@@ -19,7 +20,7 @@ let createReactClass;\n describe('create-react-class-integration', () => {\n beforeEach(() => {\n jest.resetModules();\n- ({act} = require('internal-test-utils'));\n+ ({act, assertConsoleErrorDev} = require('internal-test-utils'));\n PropTypes = require('prop-types');\n React = require('react');\n ReactDOMClient = require('react-dom\/client');\n@@ -336,6 +337,10 @@ describe('create-react-class-integration', () => {\n await act(() => {\n root.render();\n });\n+ assertConsoleErrorDev([\n+ 'Component uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Component uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ ]);\n expect(container.firstChild.className).toBe('foo');\n });\n \n","commit":{"authorName":"Jan Kassens","authorEmail":"jkassens@meta.com","revision":"378b305958eb7259cacfce8ad0e66eec07e07074","subject":"Warn about legacy context when legacy context is not disabled (#30297)","shortRevision":"378b305958","authoredAt":"2024-07-10T11:53:00-04:00"},"body":"For environments that still have legacy contexts available, this adds a\r\nwarning to make the remaining call sites easier to locate and encourage\r\nupgrades."}

dillon1000/react

Files changed