App.tsx

const data = Data({
    ch1page: 1,
    ch2page: 1,
    ch3page: 1,
})

const ch1times = [1000, 1100, 1200, 1300]
const ch2times = [1000, 1015, 1100, 1130]
const ch3times = [1000, 1015, 1030, 1130]

export function ChangeCh1Page(): Override {
    return {
        onChangePage: (newPageIndex, oldPageIndex) => {
            console.log(newPageIndex)
            data.ch1page = newPageIndex
            const newTime = ch1times[newPageIndex]
            updatePages(newTime)
        },
        currentPage: data.ch1page,
    }
}

export function ChangeCh2Page(): Override {
    return {
        onChangePage: (newPageIndex, oldPageIndex) => {
            data.ch2page = newPageIndex
            const newTime = ch2times[newPageIndex]
            updatePages(newTime)
        },
        currentPage: data.ch2page,
    }
}

export function ChangeCh3Page(): Override {
    return {
        onChangePage: (newPageIndex, oldPageIndex) => {
            data.ch3page = newPageIndex
            const newTime = ch3times[newPageIndex]
            updatePages(newTime)
        },
        currentPage: data.ch3page,
    }
}

function updatePages(newTime) {
    data.ch1page = ch1times.findIndex((time) => time >= newTime)
    data.ch2page = ch2times.findIndex((time) => time >= newTime)
    data.ch3page = ch3times.findIndex((time) => time >= newTime)
}