import useImmerState from 'use-immer-state'
 
function App() {
  const [basket, updateBasket] = useImmerState({
    fruits: ['apple', 'pear']
  })
  const addOrange = () => updateBasket((draft) => {
    draft.fruits.push('orange')
  })
  return (
    <>
      <span>fruits: {String(basket.fruits)}</span>
      <button onClick={addOrange}>Add Orange</button>
    </>
  )
}
 
export default App

import { produce } from 'use-immer-state'
 
const baseState = {
  fruits: ['apple', 'pear']
}
 
const result = produce(baseState, (draft) => {
  draft.fruits.push('orange')
})