[Table] all EditableCell re-render every time on focus change in Table with enableFocusedCell={true}

[HZ-labs]

Environment

• Package version(s): @blueprintjs/core: 3.17.1, @blueprintjs/table: 3.6.0
• Browser and OS versions:

Link to a minimal repro: https://codesandbox.io/s/blueprintjs-rerender-editablecell-enablefocusedcell-t7uf8

Steps to reproduce

1. Create Table with enableFocusedCell = true and EditableCell
2. Click on some Cell

Actual behavior

http://g.recordit.co/PQ3R4HDBgf.gif

Expected behavior

Update Cell only if it is changed
like enableFocusedCell = false:
http://g.recordit.co/SwS3Rd7mwH.gif

[tanmoyopenroot]

Hi @HZ-labs,
The re-rendering was due to the passing of an anonymous function.

Therefore after every shallow comparing the props shouldComponentUpdate would return true.

check shouldComponentUpdate function
https://github.com/palantir/blueprint/blob/develop/packages/table/src/cell/editableCell.tsx#L116

It's your codesandbox example with some tweaks https://codesandbox.io/s/blueprintjs-rerender-editablecell-enablefocusedcell-w2spw