title: TypeError: Cannot read property 'querySelector' of null
body: <p>I have been trying for a while to get this to work, to no success. I am trying to use material.iu inside of gatsby, but the javascript elements are giving me a null querySelector. I am new to React and Gatsby and I am not sure if it is a React problem or a Gatsby problem. <a href="https://i.stack.imgur.com/gc4ua.jpg" rel="nofollow noreferrer">here is the error:</a></p>
  
  <p><a href="https://i.stack.imgur.com/HnkMG.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HnkMG.jpg" alt="Here is the is listener being called. Everything in {37-41} is the html for the material module."></a></p>
  
  <p><a href="https://i.stack.imgur.com/Ntt4e.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ntt4e.jpg" alt="This is the instantiation of MDCSelect (MDCSelect is called in Component.js[![][3]"></a>]<a href="https://i.stack.imgur.com/AT7Xs.jpg" rel="nofollow noreferrer">4</a></p>