server-component.jsx

async function getActivity() {
    let result = await fetch("https://www.boredapi.com/api/activity?type=recreational")
    const obj = await result.json()
    return { activity: obj.activity }
}

export default async function Bored () {

    let activity = await getActivity();

    return (
       <div><h1>
        Your activity
       </h1>
       <p>
        {activity.activity}
       </p>
       </div>)
}