fix(material/sort): fix undefined object access (#22634)

(cherry picked from commit 68600b8)

Author: chunghha

src/material/sort/sort-header.ts

@@ -54,7 +54,7 @@ export type ArrowViewState = SortDirection | 'hint' | 'active';
  */
 export interface ArrowViewStateTransition {
   fromState?: ArrowViewState;
-  toState: ArrowViewState;
+  toState?: ArrowViewState;
 }
 
 /** Column definition associated with a `MatSortHeader`. */
@@ -112,7 +112,7 @@ export class MatSortHeader extends _MatSortHeaderMixinBase
    * position through the animation. If animations are currently disabled, the fromState is removed
    * so that there is no animation displayed.
    */
-  _viewState: ArrowViewStateTransition;
+  _viewState: ArrowViewStateTransition = { };
 
   /** The direction the arrow should be facing according to the current state. */
   _arrowDirection: SortDirection = '';
@@ -224,7 +224,7 @@ export class MatSortHeader extends _MatSortHeaderMixinBase
    * no animation appears.
    */
   _setAnimationTransitionState(viewState: ArrowViewStateTransition) {
-    this._viewState = viewState;
+    this._viewState = viewState || { };
 
     // If the animation for arrow position state (opacity/translation) should be disabled,
     // remove the fromState so that it jumps right to the toState.

tools/public_api_guard/material/sort.d.ts

@@ -2,7 +2,7 @@ export declare type ArrowViewState = SortDirection | 'hint' | 'active';
 
 export interface ArrowViewStateTransition {
     fromState?: ArrowViewState;
-    toState: ArrowViewState;
+    toState?: ArrowViewState;
 }
 
 export declare const MAT_SORT_DEFAULT_OPTIONS: InjectionToken<MatSortDefaultOptions>;