@bem-react/core: Recreated component after modifier changed

[yarastqt]

Info

If we have complex modifier, and we enabled this dynamically then component will be created again, and focus will be removed from component.

Example

modifier:

export const withClear = withBemMod('Component', { clearable: true }, (Component) => {
  return function WithClear() {
    return <Component icon={<div>X</div>} />
  }
})

usage:

function App() {
  const [clearable, setClearable] = React.useState(false)
 
  React.useEffect(() => {
    setTimeout(() => setClearable(true), 1000)
  }, [])
 
  return (
    <Component  clearable={clearable} />
  )
}

Expected behavior

Component should update without focus side-effects.

[yarastqt]

I think we should try pass "internal key" for nextProps and say for react not update this component from initial.