Skip to content

Upgrading react-native 0.81 to 0.82

Unknown0.81.6 → 0.82.1Fixed2

UnknownUpgrade verdict

45 of 52 releases publish no notes, so breaking changes can't be ruled out.

  • Some releases in this range publish no notes, so DepDelta can't rule out breaking changes.
  • DepDelta found no commit log for them either.
Unknown for releases without notes

Releases without notes may still need changes. Check their commits before upgrading.

react-native publishes an official migration guide for version 0.82. It covers more than the release notes do.

Upgrade Helper ↗

Adds hermes-compiler 0.0.0.

Installs 309 packages in all (was 300).

Generated by DepDelta from published .d.ts files. Not mixed with prose notes.

  • changed: const StyleSheet.absoluteFill: RegisteredStyle<AbsoluteFillStyle> → const StyleSheet.absoluteFill: AbsoluteFillStyle
  • changed: type StyleProp<T> = T | RegisteredStyle<T> | RecursiveArray<T | RegisteredStyle<T> | Falsy> | Falsy → type StyleProp<T> = T | RecursiveArray<T | Falsy> | Falsy
  • changed: function Appearance.getColorScheme(): ColorSchemeName → function Appearance.getColorScheme(): ColorSchemeName | null | undefined
  • changed: function Appearance.setColorScheme(scheme: ColorSchemeName | null | undefined): void → function Appearance.setColorScheme(scheme: ColorSchemeName): void
  • added: export { CompositeAnimation } from './AnimatedImplementation'
  • changed: type AnimatedNodeConfig = Readonly<{ debugID?: string }> → type AnimatedNodeConfig = Readonly<{ debugID?: string; unstable_disableBatchingForNativeCreate?: boolean }>
  • removed: interface TextInputInstance extends HostInstance
  • removed: readonly property TextInputInstance.clear: () => void
  • removed: readonly property TextInputInstance.getNativeRef: () => HostInstance | undefined
  • removed: readonly property TextInputInstance.isFocused: () => boolean
  • removed: readonly property TextInputInstance.setSelection: (start: number, end: number) => void
  • added: type TextInputInstance = _TextInputInstance
  • added: class ReactNativeVersion
  • added: const version: { major: typeof ReactNativeVersion.major; minor: typeof ReactNativeVersion.minor; patch: typeof ReactNativeVersion.patch; prerelease: typeof ReactNativeVersion…
  • added: default ReactNativeVersion
  • added: static method ReactNativeVersion.getVersionString(): string
  • added: static property ReactNativeVersion.major: number
  • added: static property ReactNativeVersion.minor: number
  • added: static property ReactNativeVersion.patch: number
  • added: static property ReactNativeVersion.prerelease: string | null
  • added: type version = typeof version
  • removed: export { PromiseTask } from './TaskQueue'
  • removed: export { SimpleTask } from './TaskQueue'
  • removed: export { Task } from './TaskQueue'
  • changed: const $$InteractionManager: typeof InteractionManager → const $$InteractionManager: typeof InteractionManagerStub
  • added: type PromiseTask = { name: string; gen: () => Promise<void> }
  • added: type SimpleTask = { name: string; run: () => void }
  • added: type Task = SimpleTask | PromiseTask | (() => void)
  • removed: class TaskQueue
  • removed: constructor TaskQueue($$PARAM_0$$: { onMoreTasks: () => void })
  • removed: default TaskQueue
  • removed: method TaskQueue.cancelTasks(tasksToCancel: Array<Task>): void
  • removed: method TaskQueue.enqueue(task: Task): void
  • removed: method TaskQueue.enqueueTasks(tasks: Array<Task>): void
  • removed: method TaskQueue.hasTasksToProcess(): boolean
  • removed: method TaskQueue.processNext(): void
  • removed: type PromiseTask = { name: string; gen: () => Promise<void> }
  • removed: type SimpleTask = { name: string; run: () => void }
  • removed: type Task = SimpleTask | PromiseTask | (() => void)
  • added: function get<Config extends {}>(name: string, viewConfigProvider: () => PartialViewConfig): HostComponent<Config>
  • added: function getWithFallback_DEPRECATED<Config extends {}>(name: string, viewConfigProvider: () => PartialViewConfig): React.ComponentType<Config>
  • added: function setRuntimeConfigProvider(runtimeConfigProvider: (name: string) => null | undefined | { native: boolean; verify: boolean }): void
  • added: function unstable_hasStaticViewConfig(name: string): boolean
  • removed: function findHostInstance_DEPRECATED<TElementType extends React.ElementType>(componentOrHandle: null | undefined | (React.ComponentRef<TElementType> | number)): null | undefined | HostInstance
  • removed: function findNodeHandle<TElementType extends React.ElementType>(componentOrHandle: null | undefined | (React.ComponentRef<TElementType> | number)): null | undefined | number
  • removed: function getNodeFromInternalInstanceHandle(internalInstanceHandle: InternalInstanceHandle): null | undefined | Node
  • removed: function getPublicInstanceFromInternalInstanceHandle(internalInstanceHandle: InternalInstanceHandle): unknown
  • removed: function getPublicInstanceFromRootTag(rootTag: number): unknown
  • removed: function isChildPublicInstance(parentInstance: HostInstance, childInstance: HostInstance): boolean
  • removed: function sendAccessibilityEvent(handle: HostInstance, eventType: string): void
  • removed: function unmountComponentAtNodeAndRemoveContainer(rootTag: RootTag): void
  • removed: function unstable_batchedUpdates<T>(fn: ($$PARAM_0$$: T) => void, bookkeeping: T): void
  • added: const findHostInstance_DEPRECATED: <TElementType extends React.ElementType>(componentOrHandle: null | undefined | (React.ComponentRef<TElementType> | number)) => null | undefined | HostInstance
  • added: const findNodeHandle: <TElementType extends React.ElementType>(componentOrHandle: null | undefined | (React.ComponentRef<TElementType> | number)) => null | undefined | number
  • added: const getNodeFromInternalInstanceHandle: ReactFabricType['getNodeFromInternalInstanceHandle']
  • added: const getPublicInstanceFromInternalInstanceHandle: ReactFabricType['getPublicInstanceFromInternalInstanceHandle']
  • added: const getPublicInstanceFromRootTag: ReactFabricType['getPublicInstanceFromRootTag']
  • added: const isChildPublicInstance: ReactNativeType['isChildPublicInstance']
  • added: const sendAccessibilityEvent: ReactNativeType['sendAccessibilityEvent']
  • added: const unmountComponentAtNodeAndRemoveContainer: (rootTag: RootTag) => void
  • added: const unstable_batchedUpdates: ReactNativeType['unstable_batchedUpdates']
  • added: type findHostInstance_DEPRECATED = typeof findHostInstance_DEPRECATED
  • added: type findNodeHandle = typeof findNodeHandle
  • added: type getNodeFromInternalInstanceHandle = typeof getNodeFromInternalInstanceHandle
  • added: type getPublicInstanceFromInternalInstanceHandle = typeof getPublicInstanceFromInternalInstanceHandle
  • added: type getPublicInstanceFromRootTag = typeof getPublicInstanceFromRootTag
  • added: type isChildPublicInstance = typeof isChildPublicInstance
  • added: type sendAccessibilityEvent = typeof sendAccessibilityEvent
  • added: type unmountComponentAtNodeAndRemoveContainer = typeof unmountComponentAtNodeAndRemoveContainer
  • added: type unstable_batchedUpdates = typeof unstable_batchedUpdates
  • added: const $$ReactFabric: typeof ReactFabric
  • added: default $$ReactFabric
  • added: type $$ReactFabric = typeof $$ReactFabric
  • added: const $$ReactNative: typeof ReactNative
  • added: default $$ReactNative
  • added: type $$ReactNative = typeof $$ReactNative
  • removed: type PartialAttributeConfiguration = Readonly<{ [propName: string]: AnyAttributeType; style?: Readonly<{ [propName: string]: AnyAttributeType }> }>
  • changed: type AttributeConfiguration = Readonly<{ [propName: string]: AnyAttributeType; style?: Readonly<{ [propName: string]: AnyAttributeType }> }> → type AttributeConfiguration = Readonly<{ [propName: string]: AnyAttributeType | void; style?: Readonly<{ [propName: string]: AnyAttributeType }> }>
  • changed: type ReactFabricType = { findHostInstance_DEPRECATED<TElementType extends ElementType>(componentOrHandle: (React.ComponentRef<TElementType> | number) | undefined): PublicInstance | u… → type ReactFabricType = { findHostInstance_DEPRECATED<TElementType extends React.ElementType>(componentOrHandle: (React.ComponentRef<TElementType> | number) | undefined): PublicInstan…
  • changed: type ReactNativeType = { findHostInstance_DEPRECATED<TElementType extends ElementType>(componentOrHandle: (React.ComponentRef<TElementType> | number) | undefined): PublicInstance | u… → type ReactNativeType = { findHostInstance_DEPRECATED<TElementType extends React.ElementType>(componentOrHandle: (React.ComponentRef<TElementType> | number) | undefined): PublicInstan…
  • changed: const absoluteFill: any → const absoluteFill: AbsoluteFillStyle
  • changed: const absoluteFillObject: { readonly bottom: 0; readonly left: 0; readonly position: 'absolute'; readonly right: 0; readonly top: 0 } → const absoluteFillObject: AbsoluteFillStyle
  • changed: function setColorScheme(colorScheme: null | undefined | ColorSchemeName): void → function setColorScheme(colorScheme: ColorSchemeName): void
  • added: export * as NativeComponentRegistry from './Libraries/NativeComponent/NativeComponentRegistry'
  • added: export { default as ReactNativeVersion } from './Libraries/Core/ReactNativeVersion'
  • changed: function createHiddenVirtualView(height: number): VirtualViewComponent → function createHiddenVirtualView(height: number, experimental: boolean): VirtualViewComponent
  • changed: type ModeChangeEvent = Readonly<Omit<Omit<NativeModeChangeEvent, 'mode'>, keyof { mode: VirtualViewMode; target: ReadOnlyElement }> & { mode: VirtualViewMode; target: ReadOnlyElement… → type ModeChangeEvent = Readonly<Omit<Omit<NativeModeChangeEvent, 'mode'>, keyof { mode: VirtualViewMode; target: HostInstance }> & { mode: VirtualViewMode; target: HostInstance }>
  • added: const VirtualViewExperimental: VirtualViewComponent
  • added: type VirtualViewExperimental = typeof VirtualViewExperimental
  • changed: type HostInstance = LegacyHostInstanceMethods → type HostInstance = ReactNativeElement
  • added: method ReactNativeDocument.getElementById(id: string): ReadOnlyElement | null
  • changed: function getChildNodes(node: ReadOnlyNode): ReadonlyArray<ReadOnlyNode> → function getChildNodes(node: ReadOnlyNode, filter?: (node: ReadOnlyNode) => boolean): ReadonlyArray<ReadOnlyNode>
  • removed: function getRawNativeDOMForTests(): null | undefined | Spec
  • changed: const $$NativeDOM: typeof NativeDOM → const $$NativeDOM: RefinedSpec
  • changed: readonly property Spec.setNativeProps?: (nativeElementReference: unknown, updatePayload: unknown) => void → readonly property Spec.setNativeProps: (nativeElementReference: unknown, updatePayload: unknown) => void
  • added: readonly property RefinedSpec.getElementById: (rootTag: RootTag, id: string) => InstanceHandle | undefined
  • added: readonly property Spec.getElementById?: (nativeNodeReference: unknown, id: string) => unknown