Передать объект из getServerSideProps в функцию страницы

В приведенном ниже коде, когда я возвращаю объект класса в функции getServerSideProps через реквизит, в функции страницы переменная не определена, как и в приведенном ниже коде.

export default function cars(obj){
    return <h1>counter: {obj.counter}</h1> // obj is undefined, why??
}
export async function getServerSideProps({req,res}){
    class Counter{
        constructor(){
            this.counter = 22
        }
    }
    var counter = new Counter()

    return {
        props:
        {
            obj:JSON.stringify(counter)
        }
    }
}

Я ожидал, что параметр страницы obj будет иметь счетчик объектов и не будет неопределенным.