optimizely-feature-wrapper.js

import React from 'react'
import {
  OptimizelyFeature as OriginalOptimizelyFeature,
  useFeature as useFeatureOriginal,
} from '@optimizely/react-sdk'

export function OptimizelyFeature({ feature, children, ...restProps }) {
  return (
    <OriginalOptimizelyFeature feature={feature} {...restProps}>
      {(isEnabled, ...rest) => {
        let isEnabledFinal = isEnabled

        const storageSetting = localStorage.getItem(feature)
        if (storageSetting) {
          // allows the local override to always win out, even if the env has the toggle on
          isEnabledFinal = storageSetting === 'true'
        }
        return children(isEnabledFinal, ...rest)
      }}
    </OriginalOptimizelyFeature>
  )
}

export function useFeature(...data) {
  const [isEnabled, ...rest] = useFeatureOriginal(...data)
  let isEnabledFinal = isEnabled

  const storageSetting = localStorage.getItem(data[0])
  if (storageSetting) {
    // allows the local override to always win out, even if the env has the toggle on
    isEnabledFinal = storageSetting === 'true'
  }
  return [isEnabledFinal, ...rest]
}