.filter is not a function

hello
how can i fix this issue?

async function getTop10Tokens() {
    const response = await fetch('https://api.1inch.exchange/v3.0/56/tokens');
    const tokens = await response.json();
    
    return tokens
             .filter(token => token.rank >= 1 && token.rank <= 10)
             .map(token => token.symbol);
}

you could use console.log(tokens) to see what it is there

here’s the complete code
not sure why the video tutorial don’t have issue
but i when i try it got an issue

async function getTop10Tokens() {
    const response = await fetch('https://api.1inch.exchange/v3.0/56/tokens');
    const tokens = await response.json();
    
    return tokens
             .filter(token => token.rank >= 1 && token.rank <= 10)
             .map(token => token.symbol);           
}


async function getTickerData(tickerList) {
    const response = await fetch('https://api.1inch.exchange/v3.0/56/tokens');
    const tokens = await response.json();
    const tokenList = Object.values(tokens.tokens);
    
    return tokenList.filter(token => tickerList.includes(token.symbol));
 }

 function renderForm(tokens) {
     console.log(tokens);    
 }

 getTop10Tokens()
   .then(getTickerData)
   .then(renderForm);

maybe meanwhile the data from that url changed its format, it doesn’t look like there is a list of tokens there, it looks like it is a dictionary