Error serializing props returned from `getServerSideProps` in "/[slug]" when accessing a page.

error - Error: Error serializing props returned from `getServerSideProps` in "/[slug]".
Reason: Props must be returned as a plain object from getServerSideProps: `{ props: { ... } }` (received: `[object Null]`).

export const getServerSideProps = async function (context) {
    const { slug = '' } = context.query;
  
    const data = await client.fetch(`*[_type == "hikes" && slug.current == $slug][0] `, { slug });
    return { props: data };
};

error - Error: Error serializing props returned from `getServerSideProps` in "/[slug]".
Reason: Props must be returned as a plain object from getServerSideProps: `{ props: { ... } }` (received: `[object Null]`).

const data = await client.fetch(`*[_type == "hikes" && slug.current == $slug][0] `, { slug });
console.log(data)

import client from '../lib/sanity'

export default function Hikes({ data }) {
    console.log(data)
    return(
        <main>
            
        </main>
    )
}

export const getServerSideProps = async function (context) {
    const { slug = '' } = context.query;
  
    const data = await client.fetch(`*[_type == "hikes" && slug.current == $slug][0] `, { slug });
    console.log(data)
    return { props: { data } };
};

client.fetch(`*[_type == "hikes" && slug.current == $slug][0]`, { slug: "2022-01-24" })