How to auto focus grid cell for new data row in edit.

  const cellRender = (td, props) => {
    if (props.field != 'ProductName') {
      return td;
    }
    return (
      <td
        {...td.props}
        ref={(td) => {
          const input = td && td.querySelector('input');
          const activeElement = document.activeElement;
          const isButton = activeElement.className.indexOf('k-button') >= 0;
          if (
            !input ||
            !activeElement ||
            input === activeElement ||
            (!activeElement.contains(input) && !isButton)
          ) {
            return;
          } else {
            setTimeout(() => {
              input.select();
            });
          }
        }}
      ></td>
    );
  };