Columns are sorted when space key is down during typing in filters

[Kosssma]

Describe the bug

When user type key word in filter when he hit space instead of space char as next sign he trigger column sorting functionality. User can not enter space from keyboard, he can only paste it into filter to be able to use it.

To Reproduce

1. Create a header with a filter like the the [Header filters](example https://adazzle.github.io/react-data-grid/#/header-filters)
2. Enable sorting like in the [Columns reordering[(example https://adazzle.github.io/react-data-grid/#/columns-reordering)

Link to code example:

Expected behavior

when typing in filter sign user hit space this should not trigger column sorting

Environment

• react-data-grid version: ^7.0.0-beta.44
• react/react-dom version: ^18.2.0

Additional context

code line responsible for effect:

react-data-grid/src/HeaderCell.tsx

Line 280 in b667cec

onKeyDown={sortable ? onKeyDown : undefined}

react-data-grid/src/HeaderCell.tsx

Line 202 in 9aa4626

if (event.key === ' ' || event.key === 'Enter') {

[ronneldavis]

This seems to be related to this issue as well: #3439

[holaChaitanya]

why not try something like - stop event propagation inside the renderHeaderCell itself?