My blog posts are posted and are retrieved successfully when I follow the link from my blog page, however, if I copy the link and try to follow it independently I get this error:
"TypeError: Cannot read properties of undefined (reading 'hasOwnProperty')"
I built the Blog following this tutorial: https://www.youtube.com/watch?v=F6uZB1yls6Q&list=PLc_uiDBU7n2rP-5wOAoMnCE_bAzMe8_ty&index=5
Here is my code:
class ViewArticle extends Component {
constructor(props) {
super(props);
this.state={
article: {},
isLoaded: false
}
}
componentDidMount() {
if(this.props.location.state !== 'undefined') {
if(this.props.location.state.hasOwnProperty('article')){
this.setState({
article: this.props.location.state.article
}, () => {
this.setState({
isLoaded: true
})
})
}
}else{
this.getArticleByID(this.props.match.param.id)
}
}
getArticleByID = (aid) => {
db.collection('Articles')
.doc(aid)
.get()
.then(doc => {
if(doc.exists){
this.setState({
article: doc.data()
}, () => {
this.setState({
isLoaded: true
})
})
} else {
this.props.history.push({pathname:'/'})
}
})
}