Couldn't find preset "functional-hmr" relative to directory "MyApp/storybook" about babel-plugin-functional-hmr

[bvic23]

May I ask where did you find my plugin (the link you mentioned)?

I think I know what is the issue here, you set it as a preset but it's a plugin so your .babelrc should look like this:

{
  "presets": ["react-native"],
  "plugins": ["functional-hmr"]
}

If this does not help, feel free to share your project with me.

[bvic23]

@RobIsHere thank for raising this issue!

It is interesting because I developed this plugin to improve storybook based development.

Did you add it with:

npm install --save-dev babel-plugin-functional-hmr

Could you verify package.json contains the line

 "babel-plugin-functional-hmr": "^1.0.20",

in the devDependencies section?

You could also try to reset everything:

rm -rf node_modules/
yarn install
watchman watch-del-all
rm -rf $TMPDIR/react-*
./node_modules/react-native/packager/packager.sh --reset-cache

[RobIsHere]

And that's where I found the link to you! Great idea!

I already tried a lot of things, also clearing caches.

The error says that it's looking at
"functional-hmr" relative to directory "MyApp/storybook"

While I would have expected that it looks in the base dir of my App? Like this?
"functional-hmr" relative to directory "MyApp"

[bvic23]

@RobIsHere Any updates?

[RobIsHere]

Thanks for the hint! Probably I had too much coffee yesterday. I've put it into plugins and the error message doesn't show up anymore.

I can't find the link anymore. I'm almost sure it was a comment by you at the end of some issue.

[bvic23]

Thanks for getting back, good luck!