question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can not hyperclick with React fragments syntax

See original GitHub issue

Not sure if this is related to js-hyperclick.

Using React’s <>foo</> syntax seems to break hyperclick.

Works here: click working

Can not hyperclick using the <> syntax: click not working

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:11 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
AsaAyerscommented, Nov 8, 2018

I just published 1.14.1 to include an option to turn on debugging. Run localStorage.debug="js-hyperclick*" in the console to turn it on and localStorage.debug="" to turn it off. Here is what it looks like in my console.

selection_004

1reaction
AsaAyerscommented, Oct 13, 2018

Thanks for the report. Right now js-hyperclick is using babel@6, and it looks like in order to get the new syntax I need to upgrade to babel@7. I’m not sure when/if I will have time to upgrade that as it does include breaking changes.

Read more comments on GitHub >

github_iconTop Results From Across the Web

eslint-plugin-react/README.md at master
21.0 , eslint announced a new config system. In the new system, .eslintrc* is no longer used. eslint.config.js would be the default config...
Read more >
eslint-plugin-react
However, this is not recommended, and any plugins or shareable ... in your eslint config (add "plugin:react/jsx-runtime" to "extends" ) to ...
Read more >
javascript - onPress change fragment view
I am using react-native and i have a NavigationDrawer.When i press ListItem i change the page. What i want to do now is...
Read more >
eslint-plugin-react
React specific linting rules for ESLint. eslint, eslint-plugin, eslintplugin, ... npm install eslint eslint-plugin-react --save-dev. It is also possible to ...
Read more >
'text' cannot be used as a jsx component.
You can use fragments to package an array of elements as a single element, by using the fragment as ... cannot be used...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found