Fix isPivotItem check for IE11 (#19238)

microsoft · Aug 4, 2021 · 5369d33 · 5369d33
1 parent c0e62e6
commit 5369d33
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/change/@fluentui-react-c86cdc5d-eaf2-4c9e-b25a-980786d19cb4.json b/change/@fluentui-react-c86cdc5d-eaf2-4c9e-b25a-980786d19cb4.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix Pivot's isPivotItem check for IE11 compatibility",
+  "packageName": "@fluentui/react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react/src/components/Pivot/Pivot.base.tsx b/packages/react/src/components/Pivot/Pivot.base.tsx
@@ -56,7 +56,7 @@ const getLinkItems = (props: IPivotProps, pivotId: string): PivotLinkCollection
 };
 
 const isPivotItem = (item: React.ReactNode): item is PivotItem => {
-  return ((item as React.ReactElement)?.type as React.ComponentType)?.name === PivotItem.name;
+  return React.isValidElement(item) && (item.type as React.ComponentType)?.name === PivotItem.name;
 };
 
 export const PivotBase: React.FunctionComponent<IPivotProps> = React.forwardRef<HTMLDivElement, IPivotProps>(