| author | handle | source | date |
|---|---|---|---|
Cory House |
@housecor |
2022-10-30 23:39:56 UTC |
TypeScript tip: Sometimes a type's name conflicts with an existing identifier.
When this happens, I alias the type's name:
import { Link as LinkType } from "./types"; pic.twitter.com/uVENVOqUee
![import { Link } from "react-router-dom"; // Aliasing Link type to avoid conflict with React Router's Link import { Link as LinkType } from "./types/Link.types"; type NavProps = { links: LinkType[]; }; export default function Nav({ links }: NavProps) { return ( <nav> <ul> {links.map((link) => ( <li key={link.id}> <Link to={link.url}>{link.text}</Link> </li> ))} </ul> </nav> ); }](https://pbs.twimg.com/media/FgWtM9GX0AEgks2.jpg)