[Keystone 6] How to call a context inside the function of a page?

[danh8012]

// admin/pages/custom-page.tsx
import { PageContainer } from '@keystone-6/core/admin-ui/components';
import { Heading } from '@keystone-ui/core';
import { KeystoneContext } from '@keystone-6/core/types';

export default function CustomPage() {
    
    let ccount = 0;
    
    async function handleClick() {
        ccount++;
        console.log(ccount);
        console.log(await context.db.Tag.findMany()); // <-- Cannot find name 'context'.
    }

    return (
        <PageContainer
            header={(
                <Heading type="h3">
                    Custom Page 1
                </Heading>
            )}>
            <h1 style={{
                width: '100%',
                textAlign: 'center',
                color: 'red',
            }}>
                This is a custom Admin UI Page { ccount }
            </h1>
            <p style={{ textAlign: 'center' }}>
                It can be accessed via the route <a href="/custom-page">/custom-page</a>
            </p>
            <button onClick={ handleClick }>Like</button>
        </PageContainer>
    )
};

[bastiW]

I asked the same question #7329

[dcousens]

Please see @bastiW's question, which the Keystone team is looking to answer soon! Thanks @danh8012