TS StrictMode for Radio (#5193)

* TS StrictMode Radio

* add ts strictmode

* update selectedValue type

---------

Co-authored-by: Danni <darobins@adobe.com>

Author: yihuiliao

packages/@react-spectrum/radio/src/context.ts

@@ -22,5 +22,5 @@ interface RadioGroupContext {
 export const RadioContext = React.createContext<RadioGroupContext | null>(null);
 
 export function useRadioProvider(): RadioGroupContext {
-  return useContext(RadioContext);
+  return useContext(RadioContext) || {} as RadioGroupContext;
 }

packages/@react-stately/radio/src/useRadioGroupState.ts

@@ -42,7 +42,7 @@ export interface RadioGroupState {
   readonly isInvalid: boolean,
 
   /** The currently selected value. */
-  readonly selectedValue: string | null,
+  readonly selectedValue: string | null | undefined,
 
   /** Sets the selected value. */
   setSelectedValue(value: string): void,
@@ -65,7 +65,7 @@ export function useRadioGroupState(props: RadioGroupProps): RadioGroupState  {
   // Preserved here for backward compatibility. React Aria now generates the name instead of stately.
   let name = useMemo(() => props.name || `radio-group-${instance}-${++i}`, [props.name]);
   let [selectedValue, setSelected] = useControlledState(props.value, props.defaultValue, props.onChange);
-  let [lastFocusedValue, setLastFocusedValue] = useState(null);
+  let [lastFocusedValue, setLastFocusedValue] = useState<string | null>(null);
 
   let setSelectedValue = (value) => {
     if (!props.isReadOnly && !props.isDisabled) {
@@ -75,7 +75,7 @@ export function useRadioGroupState(props: RadioGroupProps): RadioGroupState  {
 
   return {
     name,
-    selectedValue,
+    selectedValue: selectedValue,
     setSelectedValue,
     lastFocusedValue,
     setLastFocusedValue,

tsconfig.json

@@ -45,10 +45,12 @@
           "./packages/@react-spectrum/illustratedmessage",
           "./packages/@react-spectrum/image",
           "./packages/@react-spectrum/meter",
+          "./packages/@react-spectrum/radio",
           "./packages/@react-spectrum/statuslight",
           "./packages/@react-spectrum/text",
           "./packages/@react-spectrum/view",
           "./packages/@react-spectrum/well",
+          "./packages/@react-stately/radio",
           "./packages/@react-stately/utils",
           "./packages/@react-types/a",
           "./packages/@react-types/b",