Dynamic filename issue

I am trying this library because I have not been able to dynamically import markdown files successfully using create-react-app. I am trying to avoid ejecting.

I saw a snippet on this thead: https://github.com/facebook/create-react-app/issues/3722

I am trying to load markdown files dynamically based on a prop lang like so:

const markdown = raw(`./${lang}About.md`);
setView(markdown);

I get the following error:

raw.macro: There was a problem evaluating the value of the argument for the code: raw(./${lang}About.md). If the value is dynamic, please make sure that its value is statically deterministic. Learn more:

What this error is saying is puzzling to me. If setting a path like this is not possible I understand, however if this is something that should be possible another way, would love to know how.

[pveyes]

Ok good news: turns out it’s possible to do with some work. It’s basically similar with how webpack dynamic require works

The bad news is there’s a lot of cases to cover.

I’ve made a proof of concept in #37, feel free to send alternative solution or improve my PR.

[pveyes]

Ok done, the dynamic value inside template literal is limited up to 2 variables (1 for directory name, and another one for filename). I think this should be more than enough and cover > 99% of use case when using dynamic import. I also added some notes in README regarding this limitation.

You can try it out it #37. I plan to merge it on Monday and release it as v0.4.0 if all goes well