how to filter a component after it's been mapped (react)?

Question

I\'m looking to filter my array of jokeComponents to give me back an array of jokes that are less than x number of characters.

    const jokeComponents = joke