@uiw/react-json-view 2.0.0-alpha.3 → 2.0.0-alpha.5

package/README.md

@@ -687,7 +687,7 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
   /** Define the root node name. @default undefined */
   keyName?: string | number;
   /** Whether sort keys through `String.prototype.localeCompare()` @default false */
-  objectSortKeys?: boolean | ((a: string, b: string) => number);
+  objectSortKeys?: boolean | ((keyA: string, keyB: string, valueA: T, valueB: T) => number);
   /** Set the indent-width for nested objects @default 15 */
   indentWidth?: number;
   /** When set to `true`, `objects` and `arrays` are labeled with size @default true */

package/cjs/comps/KeyValues.js

@@ -47,11 +47,13 @@ var KeyValues = function KeyValues(props) {
         b = _ref4[0];
       return typeof a === 'string' && typeof b === 'string' ? a.localeCompare(b) : 0;
     }) : entries.sort(function (_ref5, _ref6) {
-      var _ref7 = (0, _slicedToArray2["default"])(_ref5, 1),
-        a = _ref7[0];
-      var _ref8 = (0, _slicedToArray2["default"])(_ref6, 1),
-        b = _ref8[0];
-      return typeof a === 'string' && typeof b === 'string' ? objectSortKeys(a, b) : 0;
+      var _ref7 = (0, _slicedToArray2["default"])(_ref5, 2),
+        a = _ref7[0],
+        valA = _ref7[1];
+      var _ref8 = (0, _slicedToArray2["default"])(_ref6, 2),
+        b = _ref8[0],
+        valB = _ref8[1];
+      return typeof a === 'string' && typeof b === 'string' ? objectSortKeys(a, b, valA, valB) : 0;
     });
   }
   var style = {

package/cjs/index.d.ts

@@ -37,7 +37,7 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
     /** Define the root node name. @default undefined */
     keyName?: string | number;
     /** Whether sort keys through `String.prototype.localeCompare()` @default false */
-    objectSortKeys?: boolean | ((a: string, b: string) => number);
+    objectSortKeys?: boolean | ((keyA: string, keyB: string, valueA: T, valueB: T) => number);
     /** Set the indent-width for nested objects @default 15 */
     indentWidth?: number;
     /** When set to `true`, `objects` and `arrays` are labeled with size @default true */

package/cjs/section/Copied.d.ts

@@ -1,6 +1,6 @@
 import { type TagType } from '../store/Types';
 import { type SectionElement } from '../store/Section';
 export declare const Copied: {
-    (props: SectionElement<TagType>): null;
+    <K extends TagType = "svg">(props: SectionElement<K>): null;
     displayName: string;
 };

package/cjs/section/CountInfo.d.ts

@@ -10,6 +10,6 @@ export interface CountInfoCompProps<T extends object> {
     keyName: string | number;
 }
 export declare const CountInfoComp: {
-    <T extends object>(props: SectionElementProps<TagType> & CountInfoCompProps<T> & import("react").HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    <K extends TagType, T extends object>(props: SectionElementProps<K> & CountInfoCompProps<T> & import("react").HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/cjs/section/CountInfoExtra.d.ts

@@ -10,6 +10,6 @@ export interface CountInfoExtraCompsProps<T extends object> {
     keyName: string | number;
 }
 export declare const CountInfoExtraComps: {
-    <T extends object>(props: SectionElementProps<TagType> & CountInfoExtraCompsProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    <T extends object, K extends TagType>(props: SectionElementProps<K> & CountInfoExtraCompsProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/cjs/store/Section.d.ts

@@ -1,13 +1,13 @@
 import React, { FC, PropsWithChildren, ComponentPropsWithoutRef } from 'react';
 import { type TagType } from './Types';
-export type SectionElementProps<T extends TagType> = {
+export type SectionElementProps<T extends TagType = 'span'> = {
     as?: T;
     render?: (props: SectionElement<T>, result: {
         value: unknown;
         keyName: string | number;
     }) => React.ReactNode;
 };
-export type SectionElement<T extends TagType> = SectionElementProps<T> & ComponentPropsWithoutRef<T>;
+export type SectionElement<T extends TagType = 'span'> = SectionElementProps<T> & ComponentPropsWithoutRef<T>;
 type InitialState<T extends TagType> = {
     Copied?: SectionElement<T>;
     CountInfo?: SectionElement<T>;

package/cjs/store/Symbols.d.ts

@@ -1,11 +1,11 @@
 import { FC, PropsWithChildren, ElementType, ComponentPropsWithoutRef } from 'react';
 import { type TagType } from './Types';
-type SymbolsElementProps<T extends TagType> = {
+type SymbolsElementProps<T extends TagType = 'span'> = {
     as?: T;
     render?: (props: SymbolsElement<T>) => React.ReactNode;
     'data-type'?: string;
 };
-export type SymbolsElement<T extends TagType> = SymbolsElementProps<T> & ComponentPropsWithoutRef<T>;
+export type SymbolsElement<T extends TagType = 'span'> = SymbolsElementProps<T> & ComponentPropsWithoutRef<T>;
 type InitialState<T extends ElementType = 'span'> = {
     Arrow?: SymbolsElement<T>;
     Colon?: SymbolsElement<T>;

package/cjs/symbol/Arrow.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Arrow: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/cjs/symbol/BraceLeft.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const BraceLeft: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/cjs/symbol/BraceRight.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const BraceRight: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/cjs/symbol/BracketsLeft.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const BracketsLeft: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/cjs/symbol/BracketsRight.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const BracketsRight: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/cjs/symbol/Colon.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Colon: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/cjs/symbol/Quote.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Quote: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/cjs/symbol/ValueQuote.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const ValueQuote: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/cjs/types/Bigint.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Bigint: {
-    <K extends TagType>(props: TypesElement<K>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/types/Date.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Date: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/types/False.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const False: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/types/Float.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Float: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/types/Int.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Int: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/types/Map.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Map: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/types/Nan.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Nan: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/types/Null.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Null: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/types/Set.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Set: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/types/String.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const StringText: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/types/True.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const True: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/types/Undefined.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Undefined: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/types/Url.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Url: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "a">(props: TypesElement<K>): null;
     displayName: string;
 };

package/cjs/utils/useRender.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType, type TypesElement } from '../store/Types';
 import { type SectionElement } from '../store/Section';
-export declare function useSymbolsRender(currentProps: SymbolsElement<TagType>, props: SymbolsElement<TagType>, key: string): void;
+export declare function useSymbolsRender<K extends TagType>(currentProps: SymbolsElement<TagType>, props: SymbolsElement<K>, key: string): void;
 export declare function useTypesRender<K extends TagType>(currentProps: TypesElement<TagType>, props: TypesElement<K>, key: string): void;
 export declare function useSectionRender<K extends TagType>(currentProps: SectionElement<TagType>, props: SectionElement<K>, key: string): void;

package/esm/comps/KeyValues.js

@@ -36,9 +36,9 @@ export var KeyValues = props => {
       var [b] = _ref2;
       return typeof a === 'string' && typeof b === 'string' ? a.localeCompare(b) : 0;
     }) : entries.sort((_ref3, _ref4) => {
-      var [a] = _ref3;
-      var [b] = _ref4;
-      return typeof a === 'string' && typeof b === 'string' ? objectSortKeys(a, b) : 0;
+      var [a, valA] = _ref3;
+      var [b, valB] = _ref4;
+      return typeof a === 'string' && typeof b === 'string' ? objectSortKeys(a, b, valA, valB) : 0;
     });
   }
   var style = {

package/esm/index.d.ts

@@ -37,7 +37,7 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
     /** Define the root node name. @default undefined */
     keyName?: string | number;
     /** Whether sort keys through `String.prototype.localeCompare()` @default false */
-    objectSortKeys?: boolean | ((a: string, b: string) => number);
+    objectSortKeys?: boolean | ((keyA: string, keyB: string, valueA: T, valueB: T) => number);
     /** Set the indent-width for nested objects @default 15 */
     indentWidth?: number;
     /** When set to `true`, `objects` and `arrays` are labeled with size @default true */

package/esm/section/Copied.d.ts

@@ -1,6 +1,6 @@
 import { type TagType } from '../store/Types';
 import { type SectionElement } from '../store/Section';
 export declare const Copied: {
-    (props: SectionElement<TagType>): null;
+    <K extends TagType = "svg">(props: SectionElement<K>): null;
     displayName: string;
 };

package/esm/section/CountInfo.d.ts

@@ -10,6 +10,6 @@ export interface CountInfoCompProps<T extends object> {
     keyName: string | number;
 }
 export declare const CountInfoComp: {
-    <T extends object>(props: SectionElementProps<TagType> & CountInfoCompProps<T> & import("react").HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    <K extends TagType, T extends object>(props: SectionElementProps<K> & CountInfoCompProps<T> & import("react").HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/esm/section/CountInfoExtra.d.ts

@@ -10,6 +10,6 @@ export interface CountInfoExtraCompsProps<T extends object> {
     keyName: string | number;
 }
 export declare const CountInfoExtraComps: {
-    <T extends object>(props: SectionElementProps<TagType> & CountInfoExtraCompsProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    <T extends object, K extends TagType>(props: SectionElementProps<K> & CountInfoExtraCompsProps<T>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/esm/store/Section.d.ts

@@ -1,13 +1,13 @@
 import React, { FC, PropsWithChildren, ComponentPropsWithoutRef } from 'react';
 import { type TagType } from './Types';
-export type SectionElementProps<T extends TagType> = {
+export type SectionElementProps<T extends TagType = 'span'> = {
     as?: T;
     render?: (props: SectionElement<T>, result: {
         value: unknown;
         keyName: string | number;
     }) => React.ReactNode;
 };
-export type SectionElement<T extends TagType> = SectionElementProps<T> & ComponentPropsWithoutRef<T>;
+export type SectionElement<T extends TagType = 'span'> = SectionElementProps<T> & ComponentPropsWithoutRef<T>;
 type InitialState<T extends TagType> = {
     Copied?: SectionElement<T>;
     CountInfo?: SectionElement<T>;

package/esm/store/Symbols.d.ts

@@ -1,11 +1,11 @@
 import { FC, PropsWithChildren, ElementType, ComponentPropsWithoutRef } from 'react';
 import { type TagType } from './Types';
-type SymbolsElementProps<T extends TagType> = {
+type SymbolsElementProps<T extends TagType = 'span'> = {
     as?: T;
     render?: (props: SymbolsElement<T>) => React.ReactNode;
     'data-type'?: string;
 };
-export type SymbolsElement<T extends TagType> = SymbolsElementProps<T> & ComponentPropsWithoutRef<T>;
+export type SymbolsElement<T extends TagType = 'span'> = SymbolsElementProps<T> & ComponentPropsWithoutRef<T>;
 type InitialState<T extends ElementType = 'span'> = {
     Arrow?: SymbolsElement<T>;
     Colon?: SymbolsElement<T>;

package/esm/symbol/Arrow.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Arrow: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/BraceLeft.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const BraceLeft: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/BraceRight.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const BraceRight: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/BracketsLeft.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const BracketsLeft: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/BracketsRight.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const BracketsRight: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/Colon.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Colon: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/Quote.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Quote: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/ValueQuote.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const ValueQuote: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/types/Bigint.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Bigint: {
-    <K extends TagType>(props: TypesElement<K>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Date.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Date: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/False.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const False: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Float.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Float: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Int.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Int: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Map.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Map: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Nan.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Nan: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Null.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Null: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Set.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Set: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/String.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const StringText: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/True.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const True: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Undefined.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Undefined: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Url.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Url: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "a">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/utils/useRender.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType, type TypesElement } from '../store/Types';
 import { type SectionElement } from '../store/Section';
-export declare function useSymbolsRender(currentProps: SymbolsElement<TagType>, props: SymbolsElement<TagType>, key: string): void;
+export declare function useSymbolsRender<K extends TagType>(currentProps: SymbolsElement<TagType>, props: SymbolsElement<K>, key: string): void;
 export declare function useTypesRender<K extends TagType>(currentProps: TypesElement<TagType>, props: TypesElement<K>, key: string): void;
 export declare function useSectionRender<K extends TagType>(currentProps: SectionElement<TagType>, props: SectionElement<K>, key: string): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-json-view",
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0-alpha.5",
   "description": "JSON viewer for react.",
   "main": "cjs/index.js",
   "module": "esm/index.js",