Example.useLayoutEffect.md

const Example = () => {
  // code above removed for brevity...
  
  const handleKeyDown = ({ keyCode }) => {
    keys[keyCode] && setScrollOffset(keys[keyCode])
  }

+  useLayoutEffect(() => {
+    outerListRef.current &&
+      outerListRef.current.scrollTo({
+        left: 0,
+        top: scrollOffset,
+        behavior: 'auto',
+      })
+  })

  return (
    <div onKeyDown={handleKeyDown} tabIndex="0" style={{ width: '151px' }}>
      <List
        outerRef={outerListRef}
        innerRef={innerListRef}
        className="List"
        height={listHeight}
        itemCount={1000}
        itemSize={35}
        useIsScrolling
        width={300}
      >
        {Row}
      </List>
    </div>
  )
}