A small react component for better web accessibility support for screen reader
$ npm i react-live-region --save
import ReactLiveRegion from 'react-live-region'
<ReactLiveRegion text="Success: announce message" />@param text(String) - desire message to announce required
@param timeout(Number) - time in millisecond to announce message default: 100
@param setting(String) - aria-live = polite or assertive default: "polite"
@param atomic(Boolean) ensures that each time the live region is updated, the entirety of the content is announced in full default: "false"
Conditionally show/hide to announce message
{ someCondition && <ReactLiveRegion text="Error: Invalid" />}