Implement Child Client

import React from "react";

const Client = () => {
  return (
    <>
      <div>Hello world!</div>
    </>
  );
};

export default Client;

import React from "react";
+ import { useClientImpl } from "@pbkit/wrp-jotai/parent";

const Client = () => {
+  const clientImpl = useClientImpl();
  return (
    <>

import React, { useMemo } from "react";
import { useClientImpl } from "@pbkit/wrp-jotai/parent";
+ import { createServiceClient } from '../generated/services/pbkit/wrp/example/WrpExampleService';

const Client = () => {
  const clientImpl = useClientImpl();
+  const serviceClient = useMemo(() => {
+    if (!clientImpl) return;
+    return createServiceClient(clientImpl);
+  }, [clientImpl]);
  return (
    <>

const Client = () => {
+  const [result, setResult] = useState<string>();
  const clientImpl = useClientImpl();
  const serviceClient = useMemo(() => {
    if (!clientImpl) return;
    return createServiceClient(clientImpl);
  }, [clientImpl]);
+   const onClick = async () => {
+     setResult((await serviceClient?.getTextValue({}))?.text);
+   };
  return (
    <>
+       <button onClick={onClick}>Click me!</button>
+       {result && <p>Result: {result}</p>}
    </>
  );
};