[View in the TypeScript Playground](https://www.typescriptlang.org/play/?jsx=2#code/JYWwDg9gTgLgBAJQKYEMDG8BmUIjgcilQ3wFgAoCtAGxQGc64BBMMOJADxiQDsATRsnQwAdAGFckHrxgAeCnDgBvAL4AaBcs2K0EAK48YALjg89IAEZIocAD6m91agG44AejdxqwANZI4MAAWwHSaKhQAfFrkinQwKNxwALzRijr6hiZmTmHOmkT81gAUAJSpaUQwelA8cLJ8wABucBA8Yt5oPklKpclRQSEiwDxoRCAyRQCMJSoRSgN0InEJSCK6BjAqsm4NjRF5MXDhh8OjSOOGyXBFKCDGDpbWZUlRStoBwYt0SDAAyvHcIrLRIva5vQ5pODrTLXYGraHwWz2AAMZQA1HBbjB3ioSiUDooVAcVEA)

**Type Guarding**: Sometimes Union Types solve a problem in one area but create another downstream. If`A` and`B` are both object types,`A | B`isn't "either A or B", it is "A or B or both at once", which causes some confusion ifyouexpected ittobe theformer. Learn how to write checks, guards, and assertions (also see the Conditional Rendering section below). For example:

**Type Guarding**: Sometimes Union Types solve a problem in one area but create another downstream. If`A` and`B` are both object types,`A | B`means "either A or B" (not both at once - that would be an intersection type`A & B`). TypeScript will only let you access properties that exist on both types unlessyouuse type guardstonarrow thetype. Learn how to write checks, guards, and assertions (also see the Conditional Rendering section below). For example:

interfaceAdmin {

[View in the TypeScript Playground](https://www.typescriptlang.org/play/?jsx=2#code/JYWwDg9gTgLgBAJQKYEMDG8BmUIjgcilQ3wFgAoCtAGxQGc64BBMMOJADxiQDsATRsnQwAdAGFckHrxgAeCnDgBvAL4AaBcs2K0EAK48YALjg89IAEZIocAD6m91agG44AejdxqwANZI4MAAWwHSaKhQAfFrkinQwKNxwALzRijr6hiZmTmHOmkT81gAUAJSpaUQwelA8cLJ8wABucBA8Yt5oPklKpclRQSEiwDxoRCAyRQCMJSoRSgN0InEJSCK6BjAqsm4NjRF5MXDhh8OjSOOGyXBFKCDGDpbWZUlRStoBwYt0SDAAyvHcIrLRIva5vQ5pODrTLXYGraHwWz2AAMZQA1HBbjB3ioSiUDooVAcVEA)

**Type Guarding**: Sometimes Union Types solve a problem in one area but create another downstream. If`A` and`B` are both object types,`A | B`isn't "either A or B", it is "A or B or both at once", which causes some confusion ifyouexpected ittobe theformer. Learn how to write checks, guards, and assertions (also see the Conditional Rendering section below). For example:

**Type Guarding**: Sometimes Union Types solve a problem in one area but create another downstream. If`A` and`B` are both object types,`A | B`means "either A or B" (not both at once - that would be an intersection type`A & B`). TypeScript will only let you access properties that exist on both types unlessyouuse type guardstonarrow thetype. Learn how to write checks, guards, and assertions (also see the Conditional Rendering section below). For example:

interfaceAdmin {