coloredTextBox.js

import {useStore, keys} from './useStore.js'

const ColoredTextBox = () => {
  const [{text, color}, actions] = useStore([keys.text, keys.color])
  return(
    <div 
      style={{backgroundColor:color}}
      onClick={()=>actions.setColor(color=='red'?'green':'red')}
    >
      {text}
    </div>
  )
}