react-native-tvos 0.72.6-0 → 0.72.6-1

package/Libraries/Animated/NativeAnimatedHelper.js

@@ -562,10 +562,13 @@ function transformDataType(value: number | string): number | string {
   if (typeof value !== 'string') {
     return value;
   }
-  if (/deg$/.test(value)) {
+
+  // Normalize degrees and radians to a number expressed in radians
+  if (value.endsWith('deg')) {
     const degrees = parseFloat(value) || 0;
-    const radians = (degrees * Math.PI) / 180.0;
-    return radians;
+    return (degrees * Math.PI) / 180.0;
+  } else if (value.endsWith('rad')) {
+    return parseFloat(value) || 0;
   } else {
     return value;
   }

package/Libraries/AppDelegate/React-RCTAppDelegate.podspec

@@ -96,15 +96,19 @@ Pod::Spec.new do |s|
     s.dependency "React-utils"
     s.dependency "React-debug"
 
+    rel_path_from_pods_root_to_app = Pathname.new(ENV['APP_PATH']).relative_path_from(Pod::Config.instance.installation_root)
+    rel_path_from_pods_to_app = Pathname.new(ENV['APP_PATH']).relative_path_from(File.join(Pod::Config.instance.installation_root, 'Pods'))
+
+
     s.script_phases = {
       :name => "Generate Legacy Components Interop",
       :script => "
 WITH_ENVIRONMENT=\"$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh\"
 source $WITH_ENVIRONMENT
-${NODE_BINARY} ${REACT_NATIVE_PATH}/scripts/codegen/generate-legacy-interop-components.js -p #{ENV['APP_PATH']} -o ${REACT_NATIVE_PATH}/Libraries/AppDelegate
+${NODE_BINARY} ${REACT_NATIVE_PATH}/scripts/codegen/generate-legacy-interop-components.js -p #{rel_path_from_pods_to_app} -o ${REACT_NATIVE_PATH}/Libraries/AppDelegate
       ",
       :execution_position => :before_compile,
-      :input_files => ["#{ENV['APP_PATH']}/react-native.config.js"],
+      :input_files => ["#{rel_path_from_pods_root_to_app}/react-native.config.js"],
       :output_files => ["${REACT_NATIVE_PATH}/Libraries/AppDelegate/RCTLegacyInteropComponents.mm"],
     }
   end

package/Libraries/Core/ReactNativeVersion.js

@@ -13,5 +13,5 @@ exports.version = {
   major: 0,
   minor: 72,
   patch: 6,
-  prerelease: '0',
+  prerelease: '1',
 };

package/Libraries/LogBox/Data/LogBoxData.js

@@ -30,6 +30,7 @@ export type LogData = $ReadOnly<{|
   message: Message,
   category: Category,
   componentStack: ComponentStack,
+  stack?: string,
 |}>;
 
 export type Observer = (
@@ -198,7 +199,7 @@ export function addLog(log: LogData): void {
   // otherwise spammy logs would pause rendering.
   setImmediate(() => {
     try {
-      const stack = parseErrorStack(errorForStackTrace?.stack);
+      const stack = parseErrorStack(log.stack ?? errorForStackTrace?.stack);
 
       appendNewLog(
         new LogBoxLog({

package/Libraries/promiseRejectionTrackingOptions.js

@@ -10,6 +10,8 @@
 
 import typeof {enable} from 'promise/setimmediate/rejection-tracking';
 
+import LogBox from './LogBox/LogBox';
+
 type ExtractOptionsType = <P>(((options?: ?P) => void)) => P;
 
 let rejectionTrackingOptions: $Call<ExtractOptionsType, enable> = {
@@ -36,17 +38,29 @@ let rejectionTrackingOptions: $Call<ExtractOptionsType, enable> = {
       }
     }
 
-    const warning =
-      `Possible Unhandled Promise Rejection (id: ${id}):\n` +
-      `${message ?? ''}\n` +
-      (stack == null ? '' : stack);
-    console.warn(warning);
+    const warning = `Possible unhandled promise rejection (id: ${id}):\n${
+      message ?? ''
+    }`;
+    if (__DEV__) {
+      LogBox.addLog({
+        level: 'warn',
+        message: {
+          content: warning,
+          substitutions: [],
+        },
+        componentStack: [],
+        stack,
+        category: 'possible_unhandled_promise_rejection',
+      });
+    } else {
+      console.warn(warning);
+    }
   },
   onHandled: id => {
     const warning =
-      `Promise Rejection Handled (id: ${id})\n` +
+      `Promise rejection handled (id: ${id})\n` +
       'This means you can ignore any previous messages of the form ' +
-      `"Possible Unhandled Promise Rejection (id: ${id}):"`;
+      `"Possible unhandled promise rejection (id: ${id}):"`;
     console.warn(warning);
   },
 };

package/React/Base/RCTTouchHandlerTV.m

@@ -0,0 +1,35 @@
+#import <Foundation/Foundation.h>
+
+#import "RCTTouchHandler.h"
+
+#import "RCTAssert.h"
+#import "RCTBridge.h"
+#import "RCTEventDispatcherProtocol.h"
+#import "RCTLog.h"
+#import "RCTSurfaceView.h"
+#import "RCTTouchEvent.h"
+#import "RCTUIManager.h"
+#import "RCTUtils.h"
+#import "UIView+React.h"
+
+@interface RCTTouchHandler () <UIGestureRecognizerDelegate>
+@end
+
+// The touch handler should not be active on tvOS, so tvOS uses this
+// stub implementation that does nothing.
+// Fixes https://github.com/react-native-tvos/react-native-tvos/issues/595
+//
+@implementation RCTTouchHandler
+
+- (instancetype)initWithBridge:(RCTBridge *)bridge
+{
+  return [super initWithTarget:nil action:NULL];
+}
+
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithTarget : (id)target action : (SEL)action)
+
+- (void)attachToView:(UIView *)view {}
+- (void)detachFromView:(UIView *)view {}
+- (void)cancel {}
+
+@end

package/React/Base/RCTVersion.m

@@ -24,7 +24,7 @@ NSDictionary* RCTGetReactNativeVersion(void)
                   RCTVersionMajor: @(0),
                   RCTVersionMinor: @(72),
                   RCTVersionPatch: @(6),
-                  RCTVersionPrerelease: @"0",
+                  RCTVersionPrerelease: @"1",
                   };
   });
   return __rnVersion;

package/React/Fabric/RCTSurfacePointerHandlerTV.mm

@@ -0,0 +1,37 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTSurfacePointerHandler.h"
+
+#import <React/RCTIdentifierPool.h>
+#import <React/RCTReactTaggedView.h>
+#import <React/RCTUtils.h>
+#import <React/RCTViewComponentView.h>
+
+#import "RCTConversions.h"
+#import "RCTTouchableComponentViewProtocol.h"
+
+@interface RCTSurfacePointerHandler () <UIGestureRecognizerDelegate>
+@end
+
+// The touch handler should not be active on tvOS, so tvOS uses this
+// stub implementation that does nothing.
+// Fixes https://github.com/react-native-tvos/react-native-tvos/issues/595
+//
+@implementation RCTSurfacePointerHandler
+
+- (instancetype)init
+{
+  return [super initWithTarget:nil action:nil];
+}
+
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithTarget : (id)target action : (SEL)action)
+
+- (void)attachToView:(UIView *)view {}
+- (void)detachFromView:(UIView *)view {}
+
+@end

package/React/Fabric/RCTSurfaceTouchHandlerTV.mm

@@ -0,0 +1,30 @@
+#import "RCTSurfaceTouchHandler.h"
+
+#import <React/RCTIdentifierPool.h>
+#import <React/RCTUtils.h>
+#import <React/RCTViewComponentView.h>
+
+#import "RCTConversions.h"
+#import "RCTSurfacePointerHandler.h"
+#import "RCTTouchableComponentViewProtocol.h"
+
+// The touch handler should not be active on tvOS, so tvOS uses this
+// stub implementation that does nothing.
+// Fixes https://github.com/react-native-tvos/react-native-tvos/issues/595
+//
+@interface RCTSurfaceTouchHandler () <UIGestureRecognizerDelegate>
+@end
+
+@implementation RCTSurfaceTouchHandler
+
+- (instancetype)init
+{
+  return [super initWithTarget:nil action:nil];
+}
+
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithTarget : (id)target action : (SEL)action)
+
+- (void)attachToView:(UIView *)view {}
+- (void)detachFromView:(UIView *)view {}
+
+@end

package/React/React-RCTFabric.podspec

@@ -56,7 +56,11 @@ Pod::Spec.new do |s|
   s.source                 = source
   s.source_files           = "Fabric/**/*.{c,h,m,mm,S,cpp}"
   s.exclude_files          = "**/tests/*",
-                             "**/android/*",
+                             "**/android/*"
+  s.tvos.exclude_files     = "Fabric/**/RCTSurfaceTouchHandler.mm",
+                             "Fabric/**/RCTSurfacePointerHandler.mm"
+  s.ios.exclude_files      = "Fabric/**/RCTSurfaceTouchHandlerTV.mm",
+                             "Fabric/**/RCTSurfacePointerHandlerTV.mm"
   s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
   s.header_dir             = "React"
   s.module_name            = "RCTFabric"

package/React/Views/RCTTVView.m

@@ -200,12 +200,12 @@ RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : unused)
   // CATransform3D value for minimumRelativeValue
   CATransform3D transMinimumTiltAboutX = CATransform3DIdentity;
   transMinimumTiltAboutX.m34 = 1.0 / 500;
-  transMinimumTiltAboutX = CATransform3DRotate(transMinimumTiltAboutX, tiltAngle * -1.0, 1, 0, 0);
+  transMinimumTiltAboutX = CATransform3DRotate(transMinimumTiltAboutX, tiltAngle, 1, 0, 0);
   
   // CATransform3D value for minimumRelativeValue
   CATransform3D transMaximumTiltAboutX = CATransform3DIdentity;
   transMaximumTiltAboutX.m34 = 1.0 / 500;
-  transMaximumTiltAboutX = CATransform3DRotate(transMaximumTiltAboutX, tiltAngle, 1, 0, 0);
+  transMaximumTiltAboutX = CATransform3DRotate(transMaximumTiltAboutX, tiltAngle * -1.0, 1, 0, 0);
   
   // Set the transform property boundaries for the interpolation
   yTilt.minimumRelativeValue = [NSValue valueWithCATransform3D:transMinimumTiltAboutX];

package/React-Core.podspec

@@ -100,13 +100,15 @@ Pod::Spec.new do |s|
       exclude_files = exclude_files.append("React/CxxBridge/JSCExecutorFactory.{h,mm}")
     end
     ss.exclude_files = exclude_files
-    ss.ios.exclude_files      = "React/**/RCTTV*.*"
+    ss.ios.exclude_files      = "React/**/RCTTV*.*",
+                                "React/Base/RCTTouchHandlerTV.m"
     ss.tvos.exclude_files     = "React/Modules/RCTClipboard*",
                                 "React/Views/RCTDatePicker*",
                                 "React/Views/RCTPicker*",
                                 "React/Views/RefreshControl/*",
                                 "React/Views/RCTSlider*",
-                                "React/Views/RCTSwitch*"
+                                "React/Views/RCTSwitch*",
+                                "React/Base/RCTTouchHandler.m"
     ss.private_header_files   = "React/Cxx*/*.h"
   end
 

package/ReactAndroid/gradle.properties

@@ -1,4 +1,4 @@
-VERSION_NAME=0.72.6-0
+VERSION_NAME=0.72.6-1
 
 # GROUP=com.facebook.react
 # Group for the TV repo

package/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java

@@ -18,5 +18,5 @@ public class ReactNativeVersion {
       "major", 0,
       "minor", 72,
       "patch", 6,
-      "prerelease", "0");
+      "prerelease", "1");
 }

package/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java

@@ -204,6 +204,11 @@ import java.util.Map;
       mDefaultValue = defaultValue;
     }
 
+    public ColorPropSetter(ReactPropGroup prop, Method setter, int index, int defaultValue) {
+      super(prop, "mixed", setter, index);
+      mDefaultValue = defaultValue;
+    }
+
     @Override
     protected Object getValueOrDefault(Object value, Context context) {
       if (value == null) {
@@ -331,6 +336,10 @@ import java.util.Map;
       super(prop, "mixed", setter);
     }
 
+    public BoxedColorPropSetter(ReactPropGroup prop, Method setter, int index) {
+      super(prop, "mixed", setter, index);
+    }
+
     @Override
     protected @Nullable Object getValueOrDefault(Object value, Context context) {
       if (value != null) {
@@ -463,7 +472,11 @@ import java.util.Map;
       }
     } else if (propTypeClass == int.class) {
       for (int i = 0; i < names.length; i++) {
-        props.put(names[i], new IntPropSetter(annotation, method, i, annotation.defaultInt()));
+        if ("Color".equals(annotation.customType())) {
+          props.put(names[i], new ColorPropSetter(annotation, method, i, annotation.defaultInt()));
+        } else {
+          props.put(names[i], new IntPropSetter(annotation, method, i, annotation.defaultInt()));
+        }
       }
     } else if (propTypeClass == float.class) {
       for (int i = 0; i < names.length; i++) {
@@ -476,7 +489,11 @@ import java.util.Map;
       }
     } else if (propTypeClass == Integer.class) {
       for (int i = 0; i < names.length; i++) {
-        props.put(names[i], new BoxedIntPropSetter(annotation, method, i));
+        if ("Color".equals(annotation.customType())) {
+          props.put(names[i], new BoxedColorPropSetter(annotation, method, i));
+        } else {
+          props.put(names[i], new BoxedIntPropSetter(annotation, method, i));
+        }
       }
     } else {
       throw new RuntimeException(

package/ReactCommon/cxxreact/ReactNativeVersion.h

@@ -18,7 +18,7 @@ constexpr struct {
   int32_t Major = 0;
   int32_t Minor = 72;
   int32_t Patch = 6;
-  std::string_view Prerelease = "0";
+  std::string_view Prerelease = "1";
 } ReactNativeVersion;
 
 } // namespace facebook::react

package/ReactCommon/react/renderer/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.mm

@@ -74,19 +74,35 @@ static Class getViewManagerFromComponentName(const std::string &componentName)
   return nil;
 }
 
-static std::shared_ptr<void> const constructCoordinator(
-    ContextContainer::Shared const &contextContainer,
-    ComponentDescriptor::Flavor const &flavor)
+static Class getViewManagerClass(const std::string &componentName, RCTBridge *bridge)
+{
+  Class viewManager = getViewManagerFromComponentName(componentName);
+  if (viewManager != nil) {
+    return viewManager;
+  }
+
+  // If all the heuristics fail, let's try to retrieve the view manager from the bridge/bridgeProxy
+  if (bridge != nil) {
+    return [[bridge moduleForName:RCTNSStringFromString(componentName)] class];
+  }
+
+  return nil;
+}
+
+static const std::shared_ptr<void> constructCoordinator(
+    const ContextContainer::Shared &contextContainer,
+    const ComponentDescriptor::Flavor &flavor)
 {
-  auto componentName = *std::static_pointer_cast<std::string const>(flavor);
-  Class viewManagerClass = getViewManagerFromComponentName(componentName);
-  assert(viewManagerClass);
   auto optionalBridge = contextContainer->find<std::shared_ptr<void>>("Bridge");
   RCTBridge *bridge;
   if (optionalBridge) {
     bridge = unwrapManagedObjectWeakly(optionalBridge.value());
   }
 
+  auto componentName = *std::static_pointer_cast<std::string const>(flavor);
+  Class viewManagerClass = getViewManagerClass(componentName, bridge);
+  assert(viewManagerClass);
+
   auto optionalEventDispatcher = contextContainer->find<std::shared_ptr<void>>("RCTEventDispatcher");
   RCTEventDispatcher *eventDispatcher;
   if (optionalEventDispatcher) {

package/ReactCommon/react/renderer/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.mm

@@ -92,6 +92,10 @@ using namespace facebook::react;
   if (props.isObject()) {
     NSDictionary<NSString *, id> *convertedProps = convertFollyDynamicToId(props);
     [_componentData setProps:convertedProps forView:view];
+
+    if ([view respondsToSelector:@selector(didSetProps:)]) {
+      [view performSelector:@selector(didSetProps:) withObject:[convertedProps allKeys]];
+    }
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-tvos",
-  "version": "0.72.6-0",
+  "version": "0.72.6-1",
   "bin": "./cli.js",
   "description": "A framework for building native apps using React",
   "license": "MIT",
@@ -80,9 +80,9 @@
   },
   "dependencies": {
     "@jest/create-cache-key-function": "^29.2.1",
-    "@react-native-community/cli": "11.3.7",
-    "@react-native-community/cli-platform-android": "11.3.7",
-    "@react-native-community/cli-platform-ios": "11.3.7",
+    "@react-native-community/cli": "11.3.10",
+    "@react-native-community/cli-platform-android": "11.3.10",
+    "@react-native-community/cli-platform-ios": "11.3.10",
     "@react-native/assets-registry": "^0.72.0",
     "@react-native/codegen": "^0.72.7",
     "@react-native/gradle-plugin": "^0.72.11",

package/scripts/codegen/generate-legacy-interop-components.js

@@ -11,6 +11,7 @@
 
 const yargs = require('yargs');
 const fs = require('fs');
+const p = require('path');
 
 const CONFIG_FILE_NAME = 'react-native.config.js';
 const PROJECT_FIELD = 'project';
@@ -93,7 +94,11 @@ function extractComponentsNames(reactNativeConfig) {
 }
 
 function generateRCTLegacyInteropComponents() {
-  const configFilePath = `${appRoot}/${CONFIG_FILE_NAME}`;
+  const cwd = process.cwd();
+  const configFilePath = p.join(cwd, appRoot, CONFIG_FILE_NAME);
+  console.log(
+    `Looking for a react-native.config.js file at ${configFilePath}...`,
+  );
   let reactNativeConfig = null;
   try {
     reactNativeConfig = require(configFilePath);
@@ -107,7 +112,7 @@ function generateRCTLegacyInteropComponents() {
     console.log('Skip LegacyInterop generation');
     return;
   }
-
+  console.log(`Components found: ${componentNames}`);
   let componentsArray = componentNames.map(name => `\t\t\t@"${name}",`);
   // Remove the last comma
   if (componentsArray.length > 0) {
@@ -118,6 +123,7 @@ function generateRCTLegacyInteropComponents() {
 
   const filePath = `${outputPath}/${OUTPUT_FILE_NAME}`;
   fs.writeFileSync(filePath, fileBody(componentsArray.join('\n')));
+  console.log(`${filePath} updated!`);
 }
 
 generateRCTLegacyInteropComponents();

package/template/package.json

@@ -13,7 +13,7 @@
   "dependencies": {
     "expo": "^49.0.7",
     "react": "18.2.0",
-    "react-native": "npm:react-native-tvos@0.72.6-0"
+    "react-native": "npm:react-native-tvos@0.72.6-1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",

package/types/public/ReactNativeTVTypes.d.ts

@@ -1,34 +1,34 @@
-import React from 'react';
-import { ViewProps, ScrollViewProps } from 'react-native';
+import * as React from 'react';
+import type { View, ScrollViewProps, HostComponent, TVParallaxProperties } from 'react-native';
 
 declare module 'react-native' {
   interface ViewProps {
   /**
    * TV next focus down (see documentation for the View component).
    */
-  nextFocusDown?: number,
+  nextFocusDown?: number | undefined,
 
   /**
    * TV next focus forward (see documentation for the View component).
    *
    * @platform android
    */
-  nextFocusForward?: number,
+  nextFocusForward?: number | undefined,
 
   /**
    * TV next focus left (see documentation for the View component).
    */
-  nextFocusLeft?: number,
+  nextFocusLeft?: number | undefined,
 
   /**
    * TV next focus right (see documentation for the View component).
    */
-  nextFocusRight?: number,
+  nextFocusRight?: number | undefined,
 
   /**
    * TV next focus up (see documentation for the View component).
    */
-  nextFocusUp?: number,
+  nextFocusUp?: number | undefined,
   }
 
   export interface NativeMethods {
@@ -48,15 +48,15 @@ declare module 'react-native' {
 
   export type HWEvent = {
     eventType: 'up' | 'down' | 'right' | 'left' | 'longUp' | 'longDown' | 'longRight' | 'longLeft' | 'blur' | 'focus' | 'pan' | string;
-    eventKeyAction?: -1 | 1 | 0 | number;
-    tag?: number;
+    eventKeyAction?: -1 | 1 | 0 | number | undefined;
+    tag?: number | undefined;
     body?: {
-      state: "Began" | "Changed" | "Ended",
+      state: 'Began' | 'Changed' | 'Ended',
       x: number,
       y: number,
       velocityx: number,
       velocityy: number
-    }
+    } | undefined
   };
 
   export class TVEventHandler {
@@ -72,11 +72,11 @@ declare module 'react-native' {
      * If the view should be "visible". display "flex" if visible, otherwise "none".
      * Defaults to true
      */
-    enabled?: boolean;
+    enabled?: boolean | undefined;
     /**
      * Array of `Component`s to register as destinations with `UIFocusGuide`
      */
-    destinations?: (null | number | React.Component<any, any> | React.ComponentClass<any>)[];
+    destinations?: (null | number | React.Component<any, any> | React.ComponentClass<any>)[] | undefined;
     /**
      * If true, `TVFocusGuide` will automatically manage focus for you.
      * It will redirect the focus to the first focusable child on the first visit.
@@ -87,27 +87,27 @@ declare module 'react-native' {
      *
      * @default false
      */
-    autoFocus?: boolean;
+    autoFocus?: boolean | undefined;
     /**
      * Enables focus trapping for the focus guide (see README).
      */
-    trapFocusUp?: boolean;
+    trapFocusUp?: boolean | undefined;
     /**
      * Enables focus trapping for the focus guide (see README).
      */
-    trapFocusDown?: boolean;
+    trapFocusDown?: boolean | undefined;
     /**
      * Enables focus trapping for the focus guide (see README).
      */
-    trapFocusLeft?: boolean;
+    trapFocusLeft?: boolean | undefined;
     /**
      * Enables focus trapping for the focus guide (see README).
      */
-    trapFocusRight?: boolean;
+    trapFocusRight?: boolean | undefined;
     /**
      * @deprecated Don't use it, no longer necessary.
      */
-    safePadding?: 'both' | 'vertical' | 'horizontal' | null;
+    safePadding?: 'both' | 'vertical' | 'horizontal' | null | undefined;
   }
 
   export type FocusGuideMethods = {
@@ -129,25 +129,25 @@ declare module 'react-native' {
      * The duration of the scroll animation when a swipe is detected.
      * Default value is 0.3 s
      */
-    scrollDuration?: number;
+    scrollDuration?: number | undefined;
     /**
      * Scrolling distance when a swipe is detected
      * Default value is half the visible height (vertical scroller)
      * or width (horizontal scroller)
      */
-    pageSize?: number;
+    pageSize?: number | undefined;
     /**
      * If true, will scroll to start when focus moves out past the beginning
      * of the scroller
      * Defaults to true
      */
-    snapToStart?: boolean;
+    snapToStart?: boolean | undefined;
     /**
      * If true, will scroll to end when focus moves out past the end of the
      * scroller
      * Defaults to true
      */
-    snapToEnd?: boolean;
+    snapToEnd?: boolean | undefined;
     /**
      * Called when the scroller comes into focus (e.g. for highlighting)
      */
@@ -170,7 +170,7 @@ declare module 'react-native' {
      *
      * @platform ios
      */
-    hasTVPreferredFocus?: boolean;
+    hasTVPreferredFocus?: boolean | undefined;
 
     /**
      * *(Apple TV only)* Object with properties to control Apple TV parallax effects.
@@ -186,7 +186,7 @@ declare module 'react-native' {
      *
      * @platform ios
      */
-    tvParallaxProperties?: TVParallaxProperties;
+    tvParallaxProperties?: TVParallaxProperties | undefined;
   }
 
 }