getServerSideProps never gets called (II)

[ekkis]

a long discussion with @rafaelalmeidatk led me to refactor my code with a new understanding of matters but I now have a similar but related problem. I have a page defined like this:

export async function getServerSideProps() {
    return {props: {data: 'test'}}
}
export default ({data}) => (
    <div>
    data: [{data}]
    </div>
)

and have defined _app.js like this:

export default ({Component, Props}) => {
    return (
            <Component {...Props} />
    )
}

and when I call the page the output shows:

data: []

when it should show:

data: [test]

and I have further noticed that if I remove the _app.js then the page behaves as I would expect it. I therefore conclude the problem lies with how I've implemented it, but it's how I've seen it done elsewhere

can anyone help?

[ekkis]

ah. figured it out. the parameters to the component are named. I can't call them whatever I want. it has to be:

export default ({Component, pageProps}) => {