chayns-api 2.6.0-beta.6 → 2.6.0-beta.7

package/dist/cjs/components/ChaynsProvider.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _htmlescape = _interopRequireDefault(require("htmlescape"));
 var _react = _interopRequireWildcard(require("react"));
+var _useIsomorphicLayoutEffect = require("../hooks/useIsomorphicLayoutEffect");
 var _IChaynsReact = require("../types/IChaynsReact");
 var _deviceHelper = _interopRequireDefault(require("../util/deviceHelper"));
 var _AppWrapper = require("../wrapper/AppWrapper");
@@ -93,7 +94,7 @@ const ChaynsProvider = ({
       customWrapper.current.emitChange();
     }
   }, [customFunctions, isModule]);
-  (0, _react.useLayoutEffect)(() => {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {
     (0, _moduleWrapper.addModuleWrapper)(customWrapper.current);
     return () => {
       (0, _moduleWrapper.removeModuleWrapper)(customWrapper.current);

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsomorphicLayoutEffect = void 0;
+var _react = require("react");
+const useIsomorphicLayoutEffect = exports.useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;

package/dist/esm/components/ChaynsProvider.js

@@ -1,5 +1,6 @@
 import htmlEscape from 'htmlescape';
-import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
+import { useIsomorphicLayoutEffect } from '../hooks/useIsomorphicLayoutEffect';
 import { AppName } from '../types/IChaynsReact';
 import getDeviceInfo from '../util/deviceHelper';
 import { AppWrapper } from '../wrapper/AppWrapper';
@@ -85,7 +86,7 @@ const ChaynsProvider = ({
       customWrapper.current.emitChange();
     }
   }, [customFunctions, isModule]);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     addModuleWrapper(customWrapper.current);
     return () => {
       removeModuleWrapper(customWrapper.current);

package/dist/esm/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,2 @@
+import { useEffect, useLayoutEffect } from 'react';
+export const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;

package/dist/types/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import { useLayoutEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "2.6.0-beta.6",
+    "version": "2.6.0-beta.7",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",