rsnext/errors/gssp-component-member.mdx

50 lines
958 B
Text
Raw Normal View History

---
title: '`getStaticProps` / `getServerSideProps` can not be attached to the page component'
---
## Why This Error Occurred
On one of your page's components you attached either `getStaticProps`, `getStaticPaths`, or `getServerSideProps` as a member instead of as a separate export.
These methods can not be attached in the same way as `getInitialProps` and must be their own export
## Possible Ways to Fix It
Move the method to it's own export from your page.
**Before**
```jsx filename="pages/index.js"
function Page(props) {
return <p>hello world</p>
}
Page.getStaticProps = () => ({
props: {
hello: 'world',
},
})
export default Page
```
**After**
```jsx filename="pages/index.js"
function Page(props) {
return <p>hello world</p>
}
export default Page
export const getStaticProps = () => ({
props: {
hello: 'world',
},
})
```
## Useful Links
- [Data Fetching Docs](/docs/pages/building-your-application/data-fetching)