在访问user.image的属性之前，您必须缩小其类型。如果您不这样做，您将只被允许访问交叉/共享属性toString和valueOf。
你可以这样做：

const someNumber = typeof user.image === 'string' ? user.image.length : user.image.height

Typescript正在抱怨，因为user.image可以是string类型，因此你无法访问width属性。你需要使用in关键字检查TypeScript中的类型。

if ("width" in user.image) {
    const width = user.image.width; // should be ok
}

因为你必须检查多个属性（高度、数据等），所以你可以定义一个type guard function。
如果你绝对确定它的类型是ICustomImage，那么你可以如下所示的转换该值：

const image = user.image as ICustomImage
const width = image.width;

关于州名，它应该是复数（因为它是一个user数组）。

// Multiple users
const [users, setUsers] = useState<IUser[]>();
// Single user
const [user, setUser] = useState<IUser>();

Typescript无法知道image是字符串还是接口对象。您还没有为解释器缩小范围，需要这样做。编写一个类型保护来处理此问题：

interface CustomImage {
    data: string
    width: number
    height: number
}

interface User {
    id: number
    firstName: string
    lastName: string
    image: CustomImage | string
}

const hasCustomImage = (object: any): object is CustomImage => {
    return !!object.data
}

const userCustomImage: User = {
    id: 1,
    firstName: "first",
    lastName: "last",
    image: {
        data: 'data',
        width: 1024,
        height: 768
    }
}

const userStringImage: User = {
    id: 2,
    firstName: "first",
    lastName: "last",
    image: 'image'
}

console.log(`typeguard against custom image object: ${hasCustomImage(userCustomImage.image)}`)
console.log(`typeguard against string image: ${hasCustomImage(userStringImage.image)}`)

const dataImage = hasCustomImage(userCustomImage.image) && userCustomImage.image.data || userCustomImage.image
const stringImage = hasCustomImage(userStringImage.image) && userStringImage.image.data || userCustomImage.image

console.log(dataImage)
console.log(stringImage)

你也可以做一个反向检查，你的类型保护程序检查对象是否是字符串，但这应该会给予你一些指导。