hunk.code_window:   const provider = value && value.provider
     // Use a lazy initialized state to create the cache on first access.
     const [cacheHandle] = useState(() =>
       provider
         ? initCache(provider(extendedConfig.cache || defaultCache), value)
         : UNDEFINED
     )
  
hunk.labels: keep keep keep replace keep keep keep keep keep
hunk.after_edit:   const [cacheContext] = useState(() =>
  
hunk.file_path: src/utils/config-context.ts
hunk.type: replace
file: export default function Button({ children, ...props }) {
    return <div><button {...props}>
      {children}
      <style jsx>{`
        button {
          width: 100px;
          height: 40px;
          border: none;
          color: #fff;
          background: #03a9f4;
          font-size: 1rem;
          border-radius: 5px;
        }
      `}</style>
    </button></div>
  }