Sha256: a43dfe002bd027a90331815a8cf20112e133d7819b8737bc753ca0cebb56ab0e
Contents?: true
Size: 1.14 KB
Versions: 3
Compression:
Stored size: 1.14 KB
Contents
import { browser } from 'pageflow/frontend'; import React, { createContext, useContext, useState, useEffect } from 'react'; import { _ as _slicedToArray } from './i18n-4dc6c377.js'; var BrowserFeaturesAvailableContext = createContext(); // Browser feature detection is not available during server side // rendering. To prevent mismatches during hydration, we keep features // disabled in the initial render. Since hydration only starts after // feature detection has finished, we can immediately re-render once // the provider has mounted. function BrowserFeaturesProvider(_ref) { var children = _ref.children; var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), isAvailable = _useState2[0], setIsAvailable = _useState2[1]; useEffect(function () { return setIsAvailable(true); }, []); return ( /*#__PURE__*/ React.createElement(BrowserFeaturesAvailableContext.Provider, { value: isAvailable }, children) ); } function useBrowserFeature(name) { return useContext(BrowserFeaturesAvailableContext) && browser.has(name); } export { BrowserFeaturesProvider as B, useBrowserFeature as u };
Version data entries
3 entries across 3 versions & 1 rubygems