useActions.jsx

// Previously
import React from 'react';
import { updateTitleAction } from './actions';
import { connect } from 'react-redux';

const Component = props => <button onClick={props.updateTitle}>Update title</div>;

export default connect(null, { updateTitle: updateTitleAction })(Component)
                       



// With Redux hooks!
import React from 'react';
import { updateTitleAction } from './actions';
import { useActions } from 'react-redux';

const Component = props => {
  const updateTitle = useActions(updateTitleAction);
  
  return <button onClick={updateTitle}>Update title</div>;
}

Seems the variable in the "With Redux hooks!" should not have props.

-return <button onClick={props.updateTitle}>Update title</div>;
+return <button onClick={updateTitle}>Update title</div>;

First, thanks for the great write up!

Second, should line 20 be:

-const updateTitle = useActions(updateTitleAction);
+const updateTitle = useActions(updateTitle);

Yup you both are right guys!

So sorry about that, 1 copy-paste mistake snowballed the whole thing. Thanks for spotting that out and for the kind words.

Have a nice day :)