fix:types

Author: riteshshukla04

packages/react-native/Libraries/Utilities/Appearance.js

@@ -93,7 +93,7 @@ export function getColorScheme(): ?ColorSchemeName {
 /**
  * Updates the current color scheme to the supplied value.
  */
-export function setColorScheme(colorScheme: ColorSchemeName): void {
+export function setColorScheme(colorScheme: ?ColorSchemeName): void {
   const state = getState();
   const {NativeAppearance} = state;
   if (NativeAppearance != null) {

packages/react-native/ReactNativeApi.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<17837721309e4a2cb00301c72300e386>>
+ * @generated SignedSource<<e1d8bafd4d8fad8be7d3fed268de55b8>>
  *
  * This file was generated by scripts/js-api/build-types/index.js.
  */
@@ -4638,7 +4638,9 @@ declare type Separators = {
   updateProps: (select: "leading" | "trailing", newProps: Object) => void
 }
 declare type sequence = typeof sequence
-declare function setColorScheme(colorScheme: ColorSchemeName): void
+declare function setColorScheme(
+  colorScheme: ColorSchemeName | null | undefined,
+): void
 declare function setComponentProviderInstrumentationHook(
   hook: ComponentProviderInstrumentationHook,
 ): void
@@ -5975,7 +5977,7 @@ export {
   AppState, // 12012be5
   AppStateEvent, // 80f034c3
   AppStateStatus, // 447e5ef2
-  Appearance, // a8aaba74
+  Appearance, // bec62fb7
   AutoCapitalize, // c0e857a0
   BackHandler, // 0b13c289
   BackPressEventName, // 4620fb76

packages/react-native/src/private/specs_DEPRECATED/modules/NativeAppearance.js

@@ -20,7 +20,7 @@ export type AppearancePreferences = {
 
 export interface Spec extends TurboModule {
   +getColorScheme: () => ?ColorSchemeName;
-  +setColorScheme: (colorScheme: ColorSchemeName) => void;
+  +setColorScheme: (colorScheme: ?ColorSchemeName) => void;
 
   // RCTEventEmitter
   +addListener: (eventName: string) => void;

packages/rn-tester/js/examples/Appearance/AppearanceExample.js

@@ -136,7 +136,7 @@ const ColorShowcase = (props: {themeName: string}) => (
 
 const ToggleNativeAppearance = () => {
   const [nativeColorScheme, setNativeColorScheme] =
-    useState<ColorSchemeName>('unspecified');
+    useState<?ColorSchemeName>(null);
   const colorScheme = useColorScheme();
 
   useEffect(() => {
@@ -157,7 +157,7 @@ const ToggleNativeAppearance = () => {
       />
       <Button
         title="Unset"
-        onPress={() => setNativeColorScheme('unspecified')}
+        onPress={() => setNativeColorScheme(null)}
       />
     </View>
   );