Cannot read property parentNode of undefined

Question

i'm using react-ga from track my react app using google analytics. I'm fetching the tracking id through an API call and is returned after approximately 4 seconds. My function is this:

const withTracker = (WrappedComponent, options = {}) => {
  const trackPage = (page) => {
    ReactGA.set({
      page,
      options
    });
    ReactGA.pageview(page);
  };

  class HOC extends Component {
    componentDidMount() {
      ReactGA.initialize(this.props.partnerTrackingCode);
      const page = this.props.location.pathname;
      trackPage(page);
    }

    componentWillReceiveProps(nextProps) {
      console.log(nextProps);
      const currentPage = this.props.location.pathname;
      const nextPage = nextProps.location.pathname;

      if (currentPage !== nextPage) {
        trackPage(nextPage);
      }
    }

    render() {
      return <WrappedComponent {...this.props} />;
    }
  }

  return HOC;
};

export default withTracker;

The problem is that the initiliaze function must be called first and is being called with undefined because at first the trackid is undefined(remember that is fetched asynchronously). I used this edit:

const withTracker = (WrappedComponent, options = {}) => {
      const trackPage = (page) => {
        ReactGA.set({
          page,
          options
        });
        ReactGA.pageview(page);
      };

      class HOC extends Component {
        componentWillReceiveProps(nextProps) {
          if(nextProps.trackId) {
            ReactGA.initiliaze(nextProps.trackId);
            const currentPage = this.props.location.pathname;
            const nextPage = nextProps.location.pathname;
            trackPage(nextPage);
         }
        }

        render() {
          return <WrappedComponent {...this.props} />;
        }
      }

      return HOC;
    };

i'm using react-ga from track my react app using google analytics. I'm fetching the tracking id through an API call and is returned after approximately 4 seconds. My function is this:

const withTracker = (WrappedComponent, options = {}) => {
  const trackPage = (page) => {
    ReactGA.set({
      page,
      options
    });
    ReactGA.pageview(page);
  };

  class HOC extends Component {
    componentDidMount() {
      ReactGA.initialize(this.props.partnerTrackingCode);
      const page = this.props.location.pathname;
      trackPage(page);
    }

    componentWillReceiveProps(nextProps) {
      console.log(nextProps);
      const currentPage = this.props.location.pathname;
      const nextPage = nextProps.location.pathname;

      if (currentPage !== nextPage) {
        trackPage(nextPage);
      }
    }

    render() {
      return <WrappedComponent {...this.props} />;
    }
  }

  return HOC;
};

export default withTracker;

The problem is that the initiliaze function must be called first and is being called with undefined because at first the trackid is undefined(remember that is fetched asynchronously). I used this edit:

const withTracker = (WrappedComponent, options = {}) => {
      const trackPage = (page) => {
        ReactGA.set({
          page,
          options
        });
        ReactGA.pageview(page);
      };

      class HOC extends Component {
        componentWillReceiveProps(nextProps) {
          if(nextProps.trackId) {
            ReactGA.initiliaze(nextProps.trackId);
            const currentPage = this.props.location.pathname;
            const nextPage = nextProps.location.pathname;
            trackPage(nextPage);
         }
        }

        render() {
          return <WrappedComponent {...this.props} />;
        }
      }

      return HOC;
    };

but i'm getting an error that cannot read property parentNode of undefined Do you have an ideas what to do?

any clue as to which part of your code is responsible - because `parentNode` isn't used in your code at all - perhaps the stack trace can pinpoint the problem — Jaromanda X, Jun 29 '18 at 05:45
Yes it's this: ReactGA.initiliaze(nextProps.trackId); even though nextProps.trackId is actually returning a value this error is showing and i dont know why — RamAlx, Jun 29 '18 at 05:48

score 0 · Answer 1 · answered Dec 20 '19 at 11:00

0

Did you set the username like this GoogleAnalytics.set({ username }); before making a call to GoogleAnalytics.initialize? If not try to do that and see if it makes a difference. I had the same issue just now and this worked for me.

answered Dec 20 '19 at 11:00

apiyo

103
7

score 0 · Answer 2 · answered Sep 23 '21 at 15:48

Calling initialize attempts to inserting an element in the first script element.

document.getElementsByTagName('script')[0]

If seen this throw Cannot read property parentNode of undefined in test environments. It might also do this if you are running JS in node?

Cannot read property parentNode of undefined

2 Answers2