@shopify/react-hydrate
Advanced tools
Comparing version 1.1.2 to 1.1.3
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var tslib_1 = require("tslib"); | ||
var React = tslib_1.__importStar(require("react")); | ||
var react_1 = tslib_1.__importDefault(require("react")); | ||
var hooks_1 = require("./hooks"); | ||
function HydrationTracker() { | ||
var manager = hooks_1.useHydrationManager(); | ||
React.useEffect(function () { | ||
react_1.default.useEffect(function () { | ||
manager.hydrated = true; | ||
@@ -10,0 +10,0 @@ }, [manager]); |
@@ -1,2 +0,2 @@ | ||
import * as React from 'react'; | ||
import React from 'react'; | ||
interface Props { | ||
@@ -3,0 +3,0 @@ id?: string; |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var tslib_1 = require("tslib"); | ||
var React = tslib_1.__importStar(require("react")); | ||
var react_1 = tslib_1.__importDefault(require("react")); | ||
var react_hooks_1 = require("@shopify/react-hooks"); | ||
@@ -9,12 +9,12 @@ var react_effect_1 = require("@shopify/react-effect"); | ||
var shared_1 = require("./shared"); | ||
exports.Hydrator = React.memo(function Hydrator(_a) { | ||
exports.Hydrator = react_1.default.memo(function Hydrator(_a) { | ||
var children = _a.children, id = _a.id; | ||
var _b; | ||
var manager = React.useContext(context_1.HydrationContext); | ||
var manager = react_1.default.useContext(context_1.HydrationContext); | ||
var hydrationId = react_hooks_1.useLazyRef(function () { return manager.hydrationId(id); }).current; | ||
var hydrationProps = (_b = {}, _b[shared_1.HYDRATION_ATTRIBUTE] = hydrationId, _b); | ||
react_effect_1.useServerEffect(function () { }, manager.effect); | ||
return children ? (React.createElement("div", tslib_1.__assign({}, hydrationProps), children)) : (React.createElement("div", tslib_1.__assign({}, hydrationProps, { dangerouslySetInnerHTML: { | ||
return children ? (react_1.default.createElement("div", tslib_1.__assign({}, hydrationProps), children)) : (react_1.default.createElement("div", tslib_1.__assign({}, hydrationProps, { dangerouslySetInnerHTML: { | ||
__html: manager.getHydration(hydrationId) || '', | ||
} }))); | ||
}); |
{ | ||
"name": "@shopify/react-hydrate", | ||
"version": "1.1.2", | ||
"version": "1.1.3", | ||
"license": "MIT", | ||
@@ -27,4 +27,4 @@ "description": "Utilities for hydrating server-rendered React apps", | ||
"dependencies": { | ||
"@shopify/react-effect": "^3.2.1", | ||
"@shopify/react-hooks": "^1.2.1" | ||
"@shopify/react-effect": "^3.2.2", | ||
"@shopify/react-hooks": "^1.2.2" | ||
}, | ||
@@ -31,0 +31,0 @@ "devDependencies": { |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
12844
Updated@shopify/react-effect@^3.2.2
Updated@shopify/react-hooks@^1.2.2