yarn build "Cannot find name" error for typescript

Question

I have the following .tsx component:

const Header = ({ dict: map, lang: string }) => { return ( <header className="flex items-center justify-between py-10"> <div> <Link href={`/${lang}`} aria-label={siteMetadata.headerTitle}> <div className="flex items-center justify-between"> ...

yarn build is giving the following error when linting: Type error: Cannot find name 'lang' referring to the href in the Link component. Why is this the case, when I have already passed in lang in the prop to the component?

Bob · Accepted Answer · 2023-10-20 09:45:58Z

1

Is your define error?

const Header = ({ dict: map, lang: string }) => {

I think it should be

const Header = ({dict, lang}: { dict: Map, lang: string }) => {

edited Oct 20, 2023 at 9:45

answered Oct 20, 2023 at 9:20

Bob

636 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ymi Over a year ago

Doing this gives a different error: ``` Type error: Cannot find name 'map'. Did you mean 'Map'? ```

Bob Over a year ago

yeah, Map is right

Collectives™ on Stack Overflow

yarn build "Cannot find name" error for typescript

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related