update latest blog post and 0.85 docs

Simek · Simek · commit 359e99870c5b · 2026-04-09T11:11:26.000+02:00
diff --git a/website/blog/2026-04-07-react-native-0.85.mdx b/website/blog/2026-04-07-react-native-0.85.mdx
@@ -34,7 +34,7 @@ This release includes the New Animation Backend, moves the Jest preset to a dedi
 - [`StyleSheet.absoluteFillObject` Removed](/blog/2026/04/07/react-native-0.85#stylesheetabsolutefillobject-removed)
 - [Other Breaking Changes](/blog/2026/04/07/react-native-0.85#other-breaking-changes)
 
-<!--truncate-->
+{/* truncate */}
 
 ## Highlights
 
@@ -101,7 +101,10 @@ React Native DevTools received several improvements in this release:
 - **Multiple CDP connections**: React Native now supports multiple simultaneous Chrome DevTools Protocol connections, enabling clients such as React Native DevTools, VS Code, and AI agents to connect at the same time. This unlocks richer, composable tooling workflows without unexpectedly ending sessions.
 - **Native tabs on macOS**: We've updated the desktop app to compile for macOS 26, and have also enabled system-level tab handling for power users. Access via **Window > Merge All Windows**, when multiple DevTools windows are open.
 
-<img src="/blog/assets/0.85-devtools-macos-tabs.png" alt="DevTools native tabs on macOS" />
+<img
+  src="/blog/assets/0.85-devtools-macos-tabs.png"
+  alt="DevTools native tabs on macOS"
+/>
 
 - **Request payload previews**: After being disabled due to a regression, request body previews in the Network Panel are now restored on Android.
 
@@ -121,7 +124,7 @@ config.server.tls = {
 };
 ```
 
-<!-- alex ignore simple -->
+{/* alex ignore simple */}
 
 For local development, [mkcert](https://github.com/FiloSottile/mkcert) is a simple way to generate a locally-trusted certificate without browser warnings.
 
@@ -193,7 +196,7 @@ The deprecated `StyleSheet.absoluteFillObject` API has been removed. Use `StyleS
 
 React Native 0.85 contains over 604 commits from 58 contributors. Thanks for all your hard work!
 
-<!--alex ignore special white-->
+{/* alex ignore special white */}
 
 We want to send a special thank you to those community members that shipped significant contributions in this release.
 
@@ -204,7 +207,7 @@ We want to send a special thank you to those community members that shipped sign
 
 Moreover, we also want to thank the additional authors that worked on documenting features in this release post:
 
-<!-- TODO: Add blog post co-authors -->
+{/* TODO: Add blog post co-authors */}
 
 ## Upgrade to 0.85
 
diff --git a/website/versioned_docs/version-0.85/_canary-channel-api-warning.mdx b/website/versioned_docs/version-0.85/_canary-channel-api-warning.mdx
@@ -1,4 +1,4 @@
-:::tip Canary 🧪
+:::tip[Canary 🧪]
 
 **This API is currently only available in React Native’s Canary and Experimental channels.**
 
diff --git a/website/versioned_docs/version-0.85/_experimental-channel-api-warning.mdx b/website/versioned_docs/version-0.85/_experimental-channel-api-warning.mdx
@@ -1,4 +1,4 @@
-:::tip Experimental Feature 🧪
+:::tip[Experimental Feature 🧪]
 
 **This API is currently only available in React Native’s Experimental channels.**
 
diff --git a/website/versioned_docs/version-0.85/accessibilityinfo.md b/website/versioned_docs/version-0.85/accessibilityinfo.md
@@ -256,7 +256,7 @@ Query whether reduce motion and prefer cross-fade transitions settings are curre
 
 ### 🗑️ `setAccessibilityFocus()`
 
-:::warning Deprecated
+:::warning[Deprecated]
 Prefer using `sendAccessibilityEvent` with eventType `focus` instead.
 :::
 
diff --git a/website/versioned_docs/version-0.85/alertios.md b/website/versioned_docs/version-0.85/alertios.md
@@ -3,6 +3,6 @@ id: alertios
 title: '❌ AlertIOS'
 ---
 
-:::danger Removed from React Native
+:::danger[Removed from React Native]
 Use [`Alert`](alert) instead.
 :::
diff --git a/website/versioned_docs/version-0.85/asyncstorage.md b/website/versioned_docs/version-0.85/asyncstorage.md
@@ -3,6 +3,6 @@ id: asyncstorage
 title: '❌ AsyncStorage'
 ---
 
-:::danger Removed from React Native
+:::danger[Removed from React Native]
 Use one of the [community packages](https://reactnative.directory/?search=storage) instead.
 :::
diff --git a/website/versioned_docs/version-0.85/backhandler.md b/website/versioned_docs/version-0.85/backhandler.md
@@ -10,7 +10,7 @@ The event subscriptions are called in reverse order (i.e. the last registered su
 - **If one subscription returns true,** then subscriptions registered earlier will not be called.
 - **If no subscription returns true or none are registered,** it programmatically invokes the default back button functionality to exit the app.
 
-:::warning Warning for modal users
+:::warning[Warning for modal users]
 If your app shows an opened `Modal`, `BackHandler` will not publish any events ([see `Modal` docs](modal#onrequestclose)).
 :::
 
diff --git a/website/versioned_docs/version-0.85/building-for-tv.md b/website/versioned_docs/version-0.85/building-for-tv.md
@@ -6,6 +6,6 @@ hide_table_of_contents: true
 
 TV devices support has been implemented with the intention of making existing React Native applications work on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.
 
-:::warning Deprecated
+:::warning[Deprecated]
 TV support has moved to the [React Native for TV](https://github.com/react-native-tvos/react-native-tvos#readme) repository. Please see the **README** there for information on projects for Apple TV or Android TV.
 :::
diff --git a/website/versioned_docs/version-0.85/checkbox.md b/website/versioned_docs/version-0.85/checkbox.md
@@ -3,6 +3,6 @@ id: checkbox
 title: '❌ CheckBox'
 ---
 
-:::danger Removed from React Native
+:::danger[Removed from React Native]
 Use one of the [community packages](https://reactnative.directory/?search=checkbox) instead.
 :::
diff --git a/website/versioned_docs/version-0.85/clipboard.md b/website/versioned_docs/version-0.85/clipboard.md
@@ -3,6 +3,6 @@ id: clipboard
 title: '❌ Clipboard'
 ---
 
-:::danger Removed from React Native
+:::danger[Removed from React Native]
 Use one of the [community packages](https://reactnative.directory/?search=clipboard) instead.
 :::
diff --git a/website/versioned_docs/version-0.85/datepickerandroid.md b/website/versioned_docs/version-0.85/datepickerandroid.md
@@ -3,6 +3,6 @@ id: datepickerandroid
 title: '❌ DatePickerAndroid'
 ---
 
-:::danger Removed from React Native
+:::danger[Removed from React Native]
 Use one of the [community packages](https://reactnative.directory/?search=datepicker) instead.
 :::
diff --git a/website/versioned_docs/version-0.85/datepickerios.md b/website/versioned_docs/version-0.85/datepickerios.md
@@ -3,6 +3,6 @@ id: datepickerios
 title: '❌ DatePickerIOS'
 ---
 
-:::danger Removed from React Native
+:::danger[Removed from React Native]
 Use one of the [community packages](https://reactnative.directory/?search=datepicker) instead.
 :::
diff --git a/website/versioned_docs/version-0.85/global-PerformanceEventTiming.md b/website/versioned_docs/version-0.85/global-PerformanceEventTiming.md
@@ -5,6 +5,6 @@ title: PerformanceEventTiming
 
 The global [`PerformanceEventTiming`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEventTiming) class, as defined in Web specifications.
 
-:::warning Partial support
+:::warning[Partial support]
 The `cancelable` and `target` properties are not supported yet.
 :::
diff --git a/website/versioned_docs/version-0.85/global-PerformanceLongTaskTiming.md b/website/versioned_docs/version-0.85/global-PerformanceLongTaskTiming.md
@@ -5,6 +5,6 @@ title: PerformanceLongTaskTiming
 
 The global [`PerformanceLongTaskTiming`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceLongTaskTiming) class, as defined in Web specifications.
 
-:::warning Partial support
+:::warning[Partial support]
 The value for the `attribution` property is always an empty array.
 :::
diff --git a/website/versioned_docs/version-0.85/global-PerformanceResourceTiming.md b/website/versioned_docs/version-0.85/global-PerformanceResourceTiming.md
@@ -5,7 +5,7 @@ title: PerformanceResourceTiming
 
 The global [`PerformanceResourceTiming`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceResourceTiming) class, as defined in Web specifications.
 
-:::warning Partial support
+:::warning[Partial support]
 
 React Native implements the following `PerformanceResourceTiming` properties only:
 
diff --git a/website/versioned_docs/version-0.85/global-intersectionobserver.md b/website/versioned_docs/version-0.85/global-intersectionobserver.md
@@ -61,7 +61,7 @@ An offset rectangle applied to the root's bounding box when calculating intersec
 
 ### `rnRootThresholds` ⚠️
 
-:::warning Non-standard
+:::warning[Non-standard]
 This is a React Native specific extension.
 :::
 
diff --git a/website/versioned_docs/version-0.85/global-intersectionobserverentry.md b/website/versioned_docs/version-0.85/global-intersectionobserverentry.md
@@ -43,7 +43,7 @@ A Boolean value which is `true` if the target element intersects with the inters
 
 ### `rnRootIntersectionRatio` ⚠️
 
-:::warning Non-standard
+:::warning[Non-standard]
 This is a React Native specific extension.
 :::
 
diff --git a/website/versioned_docs/version-0.85/global-performance.md b/website/versioned_docs/version-0.85/global-performance.md
@@ -21,7 +21,7 @@ See [documentation in MDN](https://developer.mozilla.org/en-US/docs/Web/API/Perf
 
 ### `rnStartupTiming` ⚠️
 
-:::warning Non-standard
+:::warning[Non-standard]
 This is a React Native specific extension.
 :::
 
@@ -41,7 +41,7 @@ The `ReactNativeStartupTiming` interface provides the following fields:
 
 ### `timeOrigin`
 
-:::warning Partial support
+:::warning[Partial support]
 Provides the number of milliseconds from the UNIX epoch until system boot, instead of the number of milliseconds from the UNIX epoch until app startup.
 :::
 
@@ -79,7 +79,7 @@ See [documentation in MDN](https://developer.mozilla.org/en-US/docs/Web/API/Perf
 
 ### `now()`
 
-:::warning Partial support
+:::warning[Partial support]
 Provides the number of milliseconds from system boot, instead of the number of milliseconds from app startup.
 :::
 
diff --git a/website/versioned_docs/version-0.85/imagepickerios.md b/website/versioned_docs/version-0.85/imagepickerios.md
@@ -3,6 +3,6 @@ id: imagepickerios
 title: '❌ ImagePickerIOS'
 ---
 
-:::danger Removed from React Native
+:::danger[Removed from React Native]
 Use one of the [community packages](https://reactnative.directory/?search=image+picker) instead.
 :::
diff --git a/website/versioned_docs/version-0.85/integration-with-android-fragment.md b/website/versioned_docs/version-0.85/integration-with-android-fragment.md
@@ -33,7 +33,7 @@ This is required by React Native to handle the back button press event.
 
 Go into your host activity and make sure it implements the `DefaultHardwareBackBtnHandler` interface:
 
-:::warning Deprecated
+:::warning[Deprecated]
 `Activity.onBackPressed()` has been [deprecated](<https://developer.android.com/reference/android/app/Activity#onBackPressed()>) since API level 33. Android 16 devices with apps targeting API level 36 this will [no longer be called](https://developer.android.com/about/versions/16/behavior-changes-16#predictive-back) and [OnBackPressedDispatcher](https://developer.android.com/reference/androidx/activity/OnBackPressedDispatcher) should be used instead.
 :::
 
diff --git a/website/versioned_docs/version-0.85/interactionmanager.md b/website/versioned_docs/version-0.85/interactionmanager.md
@@ -5,7 +5,7 @@ title: 🗑️ InteractionManager
 
 import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import constants from '@site/core/TabsConstants';
 
-:::warning Deprecated
+:::warning[Deprecated]
 Avoid long-running work and use [`requestIdleCallback`](global-requestIdleCallback) instead.
 :::
 
diff --git a/website/versioned_docs/version-0.85/legacy/native-modules-ios.md b/website/versioned_docs/version-0.85/legacy/native-modules-ios.md
@@ -551,7 +551,7 @@ RCT_EXPORT_METHOD(doSomethingExpensive:(NSString *)param callback:(RCTResponseSe
 
 ```
 
-:::info Sharing dispatch queues between modules
+:::info[Sharing dispatch queues between modules]
 The `methodQueue` method will be called once when the module is initialized, and then retained by React Native, so there is no need to keep a reference to the queue yourself, unless you wish to make use of it within your module. However, if you wish to share the same queue between multiple modules then you will need to ensure that you retain and return the same queue instance for each of them.
 :::
 
diff --git a/website/versioned_docs/version-0.85/metro.mdx b/website/versioned_docs/version-0.85/metro.mdx
@@ -20,7 +20,7 @@ In React Native, your Metro config should extend either [`@react-native/metro-co
 
 Below is the default `metro.config.js` file in a React Native template project:
 
-<!-- prettier-ignore -->
+{/* prettier-ignore */}
 ```js
 const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
 
@@ -45,7 +45,7 @@ Exporting a config function is an opt-in to managing the final config yourself 
 **From `@react-native/metro-config` 0.72.1**, it is no longer necessary to use a config function to access the complete default config. See the **Tip** section below.
 :::
 
-<!-- prettier-ignore -->
+{/* prettier-ignore */}
 ```js
 const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
 
@@ -70,7 +70,7 @@ Using a config function is for advanced use cases. A simpler method than the abo
 
 **Alternative**
 
-<!-- prettier-ignore -->
+{/* prettier-ignore */}
 ```js
 const defaultConfig = getDefaultConfig(__dirname);
 
@@ -87,7 +87,7 @@ module.exports = mergeConfig(defaultConfig, config);
 
 ✅ **Recommended**
 
-<!-- prettier-ignore -->
+{/* prettier-ignore */}
 ```js
 const config = {
   resolver: {
diff --git a/website/versioned_docs/version-0.85/modal.md b/website/versioned_docs/version-0.85/modal.md
@@ -106,7 +106,7 @@ Inherits [View Props](view.md#props).
 
 ### 🗑️ `animated`
 
-:::warning Deprecated
+:::warning[Deprecated]
 Use the [`animationType`](modal.md#animationtype) prop instead.
 :::
 
diff --git a/website/versioned_docs/version-0.85/network.md b/website/versioned_docs/version-0.85/network.md
@@ -217,7 +217,7 @@ request.open('GET', 'https://mywebsite.com/endpoint/');
 request.send();
 ```
 
-:::warning Caution
+:::warning[Caution]
 The security model for XMLHttpRequest is different than on web as there is no concept of [CORS](https://en.wikipedia.org/wiki/Cross-origin_resource_sharing) in native apps.
 :::
 
diff --git a/website/versioned_docs/version-0.85/other-debugging-methods.md b/website/versioned_docs/version-0.85/other-debugging-methods.md
@@ -27,7 +27,7 @@ Every time the app is reloaded, a new JSContext is created. Choosing "Automatica
 
 ## Remote JavaScript Debugging (removed)
 
-:::warning Important
+:::warning[Important]
 Remote JavaScript Debugging has been removed as of React Native 0.79. See the original [deprecation announcement](https://github.com/react-native-community/discussions-and-proposals/discussions/734).
 
 If you are on an older version of React Native, please go to the docs [for your version](/versions).
diff --git a/website/versioned_docs/version-0.85/profiling.md b/website/versioned_docs/version-0.85/profiling.md
@@ -33,13 +33,13 @@ After opening the trace in Android Studio or Perfetto, you should see something
 
 ![Example](/docs/assets/SystraceExample.png)
 
-:::note Hint
+:::note[Hint]
 Use the WASD keys to strafe and zoom.
 :::
 
 The exact UI might be different but the instructions below will apply regardless of the tool you're using.
 
-:::info Enable VSync highlighting
+:::info[Enable VSync highlighting]
 Check this checkbox at the top right of the screen to highlight the 16ms frame boundaries:
 
 ![Enable VSync Highlighting](/docs/assets/SystraceHighlightVSync.png)
@@ -133,7 +133,7 @@ There isn't a quick way to mitigate this unless you're able to postpone creating
 
 If the problem seems to be on the native side, you can use the [CPU hotspot profiler](https://developer.android.com/studio/profile/record-java-kotlin-methods) to get more details on what's happening. Open the Android Studio Profiler panel and select "Find CPU Hotspots (Java/Kotlin Method Recording)".
 
-:::info Choose the Java/Kotlin recording
+:::info[Choose the Java/Kotlin recording]
 
 Make sure you select "Find CPU Hotspots **(Java/Kotlin Recording)**" rather than "Find CPU Hotspots (Callstack Sample)". They have similar icons but do different things.
 :::
diff --git a/website/versioned_docs/version-0.85/progressbarandroid.md b/website/versioned_docs/version-0.85/progressbarandroid.md
@@ -3,7 +3,7 @@ id: progressbarandroid
 title: '🗑️ ProgressBarAndroid'
 ---
 
-:::warning Deprecated
+:::warning[Deprecated]
 Use one of the [community packages](https://reactnative.directory/?search=progressbar) instead.
 :::
 
diff --git a/website/versioned_docs/version-0.85/pushnotificationios.md b/website/versioned_docs/version-0.85/pushnotificationios.md
@@ -3,7 +3,7 @@ id: pushnotificationios
 title: '🗑️ PushNotificationIOS'
 ---
 
-:::warning Deprecated
+:::warning[Deprecated]
 Use one of the [community packages](https://reactnative.directory/?search=notification) instead.
 :::
 
diff --git a/website/versioned_docs/version-0.85/safeareaview.md b/website/versioned_docs/version-0.85/safeareaview.md
@@ -3,7 +3,7 @@ id: safeareaview
 title: '🗑️ SafeAreaView'
 ---
 
-:::warning Deprecated
+:::warning[Deprecated]
 Use [react-native-safe-area-context](https://github.com/AppAndFlow/react-native-safe-area-context) instead.
 :::
 
diff --git a/website/versioned_docs/version-0.85/security.md b/website/versioned_docs/version-0.85/security.md
@@ -68,7 +68,7 @@ In order to use iOS Keychain services or Android Secure Shared Preferences, you
 - [expo-secure-store](https://docs.expo.dev/versions/latest/sdk/securestore/)
 - [react-native-keychain](https://github.com/oblador/react-native-keychain)
 
-:::warning Caution
+:::warning[Caution]
 **Be mindful of unintentionally storing or exposing sensitive info.** This could happen accidentally, for example saving sensitive form data in redux state and persisting the whole state tree in Async Storage. Or sending user tokens and personal info to an application monitoring service such as Sentry or Crashlytics.
 :::
 
@@ -127,7 +127,7 @@ Using https endpoints could still leave your data vulnerable to interception. Wi
 
 **SSL pinning** is a technique that can be used on the client side to avoid this attack. It works by embedding (or pinning) a list of trusted certificates to the client during development, so that only the requests signed with one of the trusted certificates will be accepted, and any self-signed certificates will not be.
 
-:::warning Caution
+:::warning[Caution]
 When using SSL pinning, you should be mindful of certificate expiry. Certificates expire every 1-2 years and when one does, it’ll need to be updated in the app as well as on the server. As soon as the certificate on the server has been updated, any apps with the old certificate embedded in them will cease to work.
 :::
 
diff --git a/website/versioned_docs/version-0.85/segmentedcontrolios.md b/website/versioned_docs/version-0.85/segmentedcontrolios.md
@@ -3,7 +3,7 @@ id: segmentedcontrolios
 title: '❌ SegmentedControlIOS'
 ---
 
-:::danger Removed from React Native
+:::danger[Removed from React Native]
 Use one of the [community packages](https://reactnative.directory/?search=segmentedcontrol) instead.
 :::
 
diff --git a/website/versioned_docs/version-0.85/signed-apk-android.md b/website/versioned_docs/version-0.85/signed-apk-android.md
diff --git a/website/versioned_docs/version-0.85/statusbar.md b/website/versioned_docs/version-0.85/statusbar.md
diff --git a/website/versioned_docs/version-0.85/statusbarios.md b/website/versioned_docs/version-0.85/statusbarios.md
diff --git a/website/versioned_docs/version-0.85/strict-typescript-api.md b/website/versioned_docs/version-0.85/strict-typescript-api.md
diff --git a/website/versioned_docs/version-0.85/stylesheet.md b/website/versioned_docs/version-0.85/stylesheet.md
diff --git a/website/versioned_docs/version-0.85/textinput.md b/website/versioned_docs/version-0.85/textinput.md
diff --git a/website/versioned_docs/version-0.85/the-new-architecture/create-module-library.mdx b/website/versioned_docs/version-0.85/the-new-architecture/create-module-library.mdx
diff --git a/website/versioned_docs/version-0.85/the-new-architecture/pure-cxx-modules.md b/website/versioned_docs/version-0.85/the-new-architecture/pure-cxx-modules.md
diff --git a/website/versioned_docs/version-0.85/the-new-architecture/using-codegen.mdx b/website/versioned_docs/version-0.85/the-new-architecture/using-codegen.mdx
diff --git a/website/versioned_docs/version-0.85/the-new-architecture/what-is-codegen.mdx b/website/versioned_docs/version-0.85/the-new-architecture/what-is-codegen.mdx
diff --git a/website/versioned_docs/version-0.85/timepickerandroid.md b/website/versioned_docs/version-0.85/timepickerandroid.md
diff --git a/website/versioned_docs/version-0.85/timers.md b/website/versioned_docs/version-0.85/timers.md
diff --git a/website/versioned_docs/version-0.85/transforms.md b/website/versioned_docs/version-0.85/transforms.md
diff --git a/website/versioned_docs/version-0.85/turbo-native-modules-android.md b/website/versioned_docs/version-0.85/turbo-native-modules-android.md
diff --git a/website/versioned_docs/version-0.85/virtualizedlist.md b/website/versioned_docs/version-0.85/virtualizedlist.md

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-:::tip Canary 🧪`
	`1`	`+:::tip[Canary 🧪]`
`2`	`2`
`3`	`3`	`This API is currently only available in React Native’s Canary and Experimental channels.`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-:::tip Experimental Feature 🧪`
	`1`	`+:::tip[Experimental Feature 🧪]`
`2`	`2`
`3`	`3`	`This API is currently only available in React Native’s Experimental channels.`
`4`	`4`