Roman Tymchyk rtymchyk

const addAlert = useCallback((content) => setAlerts((alerts) => [content, ...alerts]), [])

const value = useMemo(() => ({ addAlert }), [addAlert])

const { addAlert } = useSnackBars()
...
addAlert('Your profile is updated!')

export const SnackBarContext = createContext()

const AUTO_DISMISS = 5000

export function SnackBarProvider({ children }) {
  const [alerts, setAlerts] = useState([])
  
  const activeAlertIds = alerts.join(',')
 useEffect(() =&gt; {

export const SnackBarContext = createContext()

export function SnackBarProvider({ children }) {
  const [alerts, setAlerts] = useState([])

  return (
    <SnackBarContext.Provider value={{ setAlerts }}>
      {children}
 {alerts.map((alert) =&gt; {alert})}

import { useContext } from 'react'

import { SnackBarContext } from 'components/snack-bar-provider'

const useSnackBars = () => useContext(SnackBarContext)

export default useSnackBars

import { useContext } from 'react'

import { SnackBarContext } from 'client/snack-bar-provider'

const useSnackBars = () => useContext(SnackBarContext)

export default useSnackBars

class BasePresenter < SimpleDelegator
  def initialize(model)
    super(model)
  end
end

ArticleType = GraphQL::ObjectType.define do
  presenter ArticlePresenter

  field :body, !types.String
end

	// HOC
	import React from 'react'
	import PropTypes from 'prop-types'
	import omit from 'lodash/omit'

	export default function omitProps(Component, propsToOmit) {
	function WithoutOmittedProps({ children, ...rest }) {
	return <Component {...omit(rest, propsToOmit)}>{children}</Component>
	}