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:'/'})
            }
        })
    }