macでdownshiftを使うと変換時の確定がおかしい

macでdownshiftを使うと、変換中にEnterキーで入力を確定するとその時点でdownshiftに確定が伝播されてしまい、タグの入力が確定してしまう。

原因としてはcompositionendイベントがうまく発火していない、もしくは内部で正しく処理できていないため。

そのためdownshiftのonKeyDownイベントにて、isComposingをチェックして変換中かどうかをチェックして処理を行う必要がある。

    onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => {
      if (e.key === 'Enter' && !e.nativeEvent.isComposing) {
        e.preventDefault()
        setText({ name: inputText })
      }
    },