@parca/profile 0.16.121 → 0.16.122

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.16.122](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.121...@parca/profile@0.16.122) (2023-02-22)
+
+**Note:** Version bump only for package @parca/profile
+
 ## 0.16.121 (2023-02-21)
 
 **Note:** Version bump only for package @parca/profile

package/dist/ProfileView/index.js

@@ -100,9 +100,9 @@ export var ProfileView = function (_a) {
         var type = _a.type, isHalfScreen = _a.isHalfScreen;
         switch (type) {
             case 'icicle': {
-                return (flamegraphData === null || flamegraphData === void 0 ? void 0 : flamegraphData.data) != null ? (_jsx(ConditionalWrapper, __assign({ condition: (perf === null || perf === void 0 ? void 0 : perf.onRender) != null, wrapper: function (_a) {
-                        var children = _a.children;
-                        return (_jsx(Profiler, __assign({ id: "icicleGraph", onRender: perf === null || perf === void 0 ? void 0 : perf.onRender }, { children: children })));
+                return (flamegraphData === null || flamegraphData === void 0 ? void 0 : flamegraphData.data) != null ? (_jsx(ConditionalWrapper, __assign({ condition: (perf === null || perf === void 0 ? void 0 : perf.onRender) != null, WrapperComponent: Profiler, wrapperProps: {
+                        id: 'icicleGraph',
+                        onRender: perf === null || perf === void 0 ? void 0 : perf.onRender,
                     } }, { children: _jsx(ProfileIcicleGraph, { curPath: curPath, setNewCurPath: setNewCurPath, graph: flamegraphData.data, sampleUnit: sampleUnit, onContainerResize: onFlamegraphContainerResize, navigateTo: navigateTo, loading: flamegraphData.loading }) }))) : (_jsx(_Fragment, { children: " " }));
             }
             case 'callgraph': {

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.121",
+  "version": "0.16.122",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@parca/client": "^0.16.63",
-    "@parca/components": "^0.16.101",
+    "@parca/components": "^0.16.102",
     "@parca/dynamicsize": "^0.16.53",
     "@parca/functions": "^0.16.63",
     "@parca/parser": "^0.16.54",
@@ -45,5 +45,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "7a07bf57f7092b0ee9c1b742c495229ce1231ee7"
+  "gitHead": "c2165c6991e55c1afd7d11e9c797a3de58578959"
 }

package/src/ProfileView/index.tsx

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {Profiler, useEffect, useMemo, useState} from 'react';
+import {Profiler, ProfilerProps, useEffect, useMemo, useState} from 'react';
 
 import {Icon} from '@iconify/react';
 import cx from 'classnames';
@@ -161,16 +161,13 @@ export const ProfileView = ({
     switch (type) {
       case 'icicle': {
         return flamegraphData?.data != null ? (
-          <ConditionalWrapper
+          <ConditionalWrapper<ProfilerProps>
             condition={perf?.onRender != null}
-            wrapper={({children}) => (
-              <Profiler
-                id="icicleGraph"
-                onRender={perf?.onRender as React.ProfilerOnRenderCallback}
-              >
-                {children}
-              </Profiler>
-            )}
+            WrapperComponent={Profiler}
+            wrapperProps={{
+              id: 'icicleGraph',
+              onRender: perf?.onRender as React.ProfilerOnRenderCallback,
+            }}
           >
             <ProfileIcicleGraph
               curPath={curPath}