Accurat suggestion for a decorator

composeComponent.js

import { observer, inject } from 'mobx-react'

const compose = (...fns) => {
  const last = fns.slice(-1)[0]
  const decorators = fns.slice(0, -1)
  
  return decorators.reduceRight((v, f) => f(v), last);
}

export const SFComponents = compose(
  observer,
  inject('global'),
  (props) => {
    return <h1>Hello, {props.name}</h1>;
  }
)