prefetch console.log not called

[bestwestern]

<a onMouseEnter={() => {prefetch('/about') && console.log('prefetching /about!')}}>About

The console.log is never called

[arunoda]

Basically, this is your code and an event handler for tag.
I think there's nothing related to Next.js.

(May be this is a question you could ask on Stack Overflow)

[impronunciable]

@bestwestern the prefetch function returns undefined so the && will short-circuit and the console.log never executed

https://github.com/zeit/next.js/blob/master/lib/prefetch.js#L102

[bestwestern]

Sorry - I was too fast to submit. It is not my code. It is from the example https://github.com/zeit/next.js/blob/master/examples/with-prefetching/components/Header.js

PS: Darn you're fast!

[arunoda]

@bestwestern Ah ha!
That's our code.
May be we need to fix it with something better.
(PRs welcome)

[bestwestern]

I would like to try

[PStoner3]

I, too, will take a look.

[PStoner3]

by changing the a onMouseEnter from:

() => prefetch('/about') && console.log('prefetching /about!')

to

() => {prefetch('/about'); console.log('prefetching /about!');}

I am able to get the console.log to work. In either case, I did not see the prefetch function return "undefined".

[timneutkens]

See #562