fix(types): allow using interface for replicant type

package.json

@@ -77,7 +77,8 @@
 	"dependencies": {
 		"@nodecg/types": "^2.1.8",
 		"klona": "^2.0.6",
-		"tslib": "^2.0.0"
+		"tslib": "^2.0.0",
+		"type-fest": "^4.13.1"
 	},
 	"devDependencies": {
 		"@hoishin/prettierrc": "2.1.1",

src/use-replicant.ts

@@ -1,9 +1,6 @@
-import { useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { klona as clone } from "klona/json";
-
-type JsonValue = boolean | number | string | null;
-
-type Json = JsonValue | JsonValue[] | { [key: string]: Json } | Json[];
+import { Jsonify } from "type-fest";
 
 export type UseReplicantOptions<T> = {
 	defaultValue?: T;
@@ -19,7 +16,7 @@ export type UseReplicantOptions<T> = {
  * @param initialValue Initial value to pass to `useState` function
  * @param options Options object. Currently supports the optional `namespace` option
  */
-export const useReplicant = <T extends Json>(
+export const useReplicant = <V, T = Jsonify<V>>(
 	replicantName: string,
 	{ bundle, defaultValue, persistent }: UseReplicantOptions<T> = {},
 ) => {
@@ -50,14 +47,17 @@ export const useReplicant = <T extends Json>(
 		};
 	}, [replicant]);
 
-	return [
-		value,
+	const updateValue = useCallback(
 		(newValue: T | ((oldValue?: T) => void)) => {
 			if (typeof newValue === "function") {
-				newValue(replicant.value);
+				// eslint-disable-next-line @typescript-eslint/no-unsafe-call
+				(newValue as any)(replicant.value);
 			} else {
 				replicant.value = newValue;
 			}
 		},
-	] as const;
+		[replicant],
+	);
+
+	return [value, updateValue] as const;
 };

tests/use-replicant.spec.tsx

@@ -4,7 +4,7 @@
 
 import { EventEmitter } from "events";
 
-import React from "react";
+import React, { useEffect } from "react";
 import { render, act, fireEvent } from "@testing-library/react";
 import type { RenderResult } from "@testing-library/react";
 
@@ -78,6 +78,33 @@ type RunnerNameReplicant = {
 	};
 };
 
+interface DummyTypeInterface {
+	runner: {
+		name: string;
+	};
+}
+
+interface DummyTypeInterface2 {
+	foo: Date;
+	bar: () => number;
+}
+
+export const DummyComponent = () => {
+	const [_, setDummy] = useReplicant<DummyTypeInterface>("foo");
+	useEffect(() => {
+		setDummy({ runner: { name: "bar" } });
+		setDummy((oldValue) => {
+			if (oldValue) {
+				oldValue.runner.name += "name";
+			}
+		});
+	}, [setDummy]);
+
+	useReplicant<DummyTypeInterface2>("bar");
+
+	return null;
+};
+
 const RunnerName: React.FC<RunnerNameProps> = (props) => {
 	const { prefix } = props;
 	const repName = `${prefix ?? "default"}:currentRun`;