fix: restore string (pathname) in union type for previous LocationDes…

…criptor (#1791)

* fix: restore string (path) in union type for Location

.changeset/unlucky-jobs-tickle.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Fix type errors due to missing pathname (string) in union type for LocationDescriptor

src/Breadcrumbs.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames'
-import {Location} from 'history'
+import {Location, Pathname} from 'history'
 import React from 'react'
 import styled from 'styled-components'
 import Box from './Box'
@@ -54,7 +54,7 @@ function Breadcrumbs({className, children, sx: sxProp}: React.PropsWithChildren<
 }
 
 type StyledBreadcrumbsItemProps = {
-  to?: Location
+  to?: Location | Pathname
   selected?: boolean
 } & SxProp
 

src/Header.tsx

@@ -1,12 +1,12 @@
-import {Location} from 'history'
+import {Location, Pathname} from 'history'
 import styled, {css} from 'styled-components'
 import {get} from './constants'
 import sx, {SxProp} from './sx'
 import {ComponentProps} from './utils/types'
 
 type StyledHeaderItemProps = {full?: boolean} & SxProp
 type StyledHeaderProps = SxProp
-type StyledHeaderLinkProps = {to?: Location} & SxProp
+type StyledHeaderLinkProps = {to?: Location | Pathname} & SxProp
 
 const Header = styled.div<StyledHeaderProps>`
   z-index: 32;

src/SideNav.tsx

@@ -1,4 +1,4 @@
-import {Location} from 'history'
+import {Location, Pathname} from 'history'
 
 import {get} from './constants'
 import styled, {css} from 'styled-components'
@@ -54,7 +54,7 @@ const SideNav = styled(SideNavBase)<SxProp>`
   ${sx};
 `
 type StyledSideNavLinkProps = {
-  to?: Location
+  to?: Location | Pathname
   selected?: boolean
   variant?: 'full' | 'normal'
 }

src/SubNav.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames'
-import {Location} from 'history'
+import {Location, Pathname} from 'history'
 import React from 'react'
 import styled from 'styled-components'
 import {get} from './constants'
@@ -58,7 +58,7 @@ const SubNavLinks = styled.div<SubNavLinksProps>`
 `
 
 type StyledSubNavLinkProps = {
-  to?: Location
+  to?: Location | Pathname
   selected?: boolean
 } & SxProp
 

src/TabNav.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames'
-import {Location} from 'history'
+import {Location, Pathname} from 'history'
 import React from 'react'
 import styled from 'styled-components'
 import {get} from './constants'
@@ -32,7 +32,7 @@ function TabNav({children, 'aria-label': ariaLabel, ...rest}: TabNavProps) {
 }
 
 type StyledTabNavLinkProps = {
-  to?: Location
+  to?: Location | Pathname
   selected?: boolean
 } & SxProp
 

src/UnderlineNav.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames'
-import {Location} from 'history'
+import {Location, Pathname} from 'history'
 import React from 'react'
 import styled from 'styled-components'
 import {get} from './constants'
@@ -59,7 +59,7 @@ function UnderlineNav({actions, className, align, children, full, label, theme,
 }
 
 type StyledUnderlineNavLinkProps = {
-  to?: Location
+  to?: Location | Pathname
   selected?: boolean
 } & SxProp