1a:I[43754,["/_next/static/chunks/273d8cwvjpzd6.js","/_next/static/chunks/44bhvvep4gd3q.js","/_next/static/chunks/3668w_3iegi9p.js","/_next/static/chunks/0geegufqtowhd.js","/_next/static/chunks/1oij-yzpbxbfs.js","/_next/static/chunks/1ln2z92anv1jr.js"],"PackageTabs"] 1c:I[39940,["/_next/static/chunks/273d8cwvjpzd6.js","/_next/static/chunks/44bhvvep4gd3q.js","/_next/static/chunks/3668w_3iegi9p.js","/_next/static/chunks/0geegufqtowhd.js","/_next/static/chunks/1oij-yzpbxbfs.js","/_next/static/chunks/1ln2z92anv1jr.js"],"InstallList"] 1d:I[58522,["/_next/static/chunks/273d8cwvjpzd6.js","/_next/static/chunks/44bhvvep4gd3q.js","/_next/static/chunks/3668w_3iegi9p.js","/_next/static/chunks/0geegufqtowhd.js","/_next/static/chunks/1oij-yzpbxbfs.js","/_next/static/chunks/1ln2z92anv1jr.js"],"HealthScoreTooltipTrigger"] 14:["$","div",null,{"title":"6","style":{"display":"-webkit-box","WebkitBoxOrient":"vertical","WebkitLineClamp":2},"className":"mt-1 text-custom-base tabular-nums text-foreground overflow-hidden wrap-break-word ","children":"6"}] 15:["$","div",null,{"className":"px-4 pb-4 text-center md:flex-1 md:border-l md:border-border-alt md:py-3 md:text-left md:first:border-l-0","children":[["$","div",null,{"className":"box-label","children":"Size"}],["$","div",null,{"title":"32 kB","style":{"display":"-webkit-box","WebkitBoxOrient":"vertical","WebkitLineClamp":2},"className":"mt-1 text-custom-base tabular-nums text-foreground overflow-hidden wrap-break-word ","children":"32 kB"}]]}] 16:["$","div",null,{"className":"px-4 pb-4 text-center md:flex-1 md:border-l md:border-border-alt md:py-3 md:text-left md:first:border-l-0","children":[["$","div",null,{"className":"box-label","children":"Vulns"}],["$","div",null,{"title":"$undefined","style":{"display":"-webkit-box","WebkitBoxOrient":"vertical","WebkitLineClamp":2},"className":"mt-1 text-custom-base tabular-nums text-foreground overflow-hidden wrap-break-word ","children":0}]]}] 17:["$","div",null,{"className":"px-4 pb-4 text-center md:flex-1 md:border-l md:border-border-alt md:py-3 md:text-left md:first:border-l-0","children":[["$","div",null,{"className":"box-label","children":"Weekly"}],["$","div",null,{"title":"0","style":{"display":"-webkit-box","WebkitBoxOrient":"vertical","WebkitLineClamp":2},"className":"mt-1 text-custom-base tabular-nums text-foreground overflow-hidden wrap-break-word ","children":"0"}]]}] 1b:T4cd,

React-Match-Render

Render components conditionally inside render function in a neat way.

Installation

npm i -S react-match-render

Usage

import MatchRender from 'react-match-render';

...

const userType = ..
const isLoggedIn = ...

<MatchRender
    requirements={[true, 'ADMIN']}
    conditions={[isLoggedIn, userType]}
>
    <PrivateRoutes />
</MatchRender>