Socket
Socket
Sign inDemoInstall

@shopify/react-hydrate

Package Overview
Dependencies
Maintainers
13
Versions
112
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@shopify/react-hydrate - npm Package Compare versions

Comparing version 1.1.2 to 1.1.3

4

dist/HydrationTracker.js
"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": {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc