title: React Markdown dynamically required MD file, image relative path not working
body: <p>i cannot get my image in the markdown file to render. I am requiring the markdown file in a react component, but the image in the md file is not rendering. absolute paths to online images are working, but relative paths are not. </p>
  
  <blockquote>
  <pre><code>useEffect(() =&gt; {
      fetch(require(`../../../static/markdowns/${category.file}`)).then(r =&gt; r.text()).then(text =&gt; { setMarkDown(text) })
  }, [])
  </code></pre>
  </blockquote>
  
  <pre><code>&lt;ReactMarkdown escapeHtml={false} source={markDown}/&gt;
  </code></pre>
  
  <pre><code>&lt;img src='https://picsum.photos/200/300'&gt;&lt;/img&gt;
  &lt;img src="./personwithchart.png" alt="Text"&gt;
  ![](https://picsum.photos/200/300)
  ![](./personwithchart.png)
  </code></pre>
  
  <p>the picsums work but ./ or ../../../static/markdowns/file do not. </p>
  
  <p>thanks</p>