on-premise out-of-date problem / forward compatible problem (what happens if a user hits the ui.2022.tsx page but it calls the server.2018.ts backend?)

server.2018.ts

export const getEndpoint = () => {
    res.send({
        id: 1,
        name: "Bob Smith",
        age: 33,
    })
}

server.2022.ts

export const getEndpoint = () => {
    res.send({
        id: 1,
        name: "Bob Smith",
        age: 33,
        address: "555 Hollywood Drive"
    })
}

ui.2018.tsx

export const userProfileWidget = (user) => {
    return <div>
        <span>Name: {user.name}</span>
        <span>Age: {user.age}</span>
    </div>
}

ui.2022.tsx

export const userProfileWidget = (user) => {
    return <div>
        <span>Name: {user.name}</span>
        <span>Age: {user.age}</span>
        <span>Address: {user.address}</span> // If this UI hits to 2018 backend, this will print "Address: undefined"
    </div>
}