Resolve type errors in examples

.eslintignore

@@ -8,3 +8,6 @@ packages/sdk/src/api/yorkie/v1/resources_grpc_web_pb.d.ts
 packages/sdk/src/api/yorkie/v1/resources_pb.d.ts
 packages/sdk/test/vitest.d.ts
 packages/sdk/lib
+
+# react-tldraw
+examples/react-tldraw/src/tldraw.d.ts

examples/react-tldraw/src/tldraw.d.ts

@@ -0,0 +1,6 @@
+import { Indexable, Json } from '@yorkie-js-sdk/src/document/document';
+import { TDUser } from '@tldraw/tldraw';
+
+declare module '@tldraw/tldraw' {
+  interface TDUser extends Indexable {}
+}

examples/vanilla-quill/src/main.ts

@@ -29,7 +29,7 @@ function toDeltaOperation<T extends TextValueType>(
 ): DeltaOperation {
   const { embed, ...restAttributes } = textValue.attributes ?? {};
   if (embed) {
-    return { insert: JSON.parse(embed), attributes: restAttributes };
+    return { insert: embed, attributes: restAttributes };
   }
 
   return {

examples/vanilla-quill/src/type.ts

@@ -7,5 +7,5 @@ export type YorkieDoc = {
 export type YorkiePresence = {
   username: string;
   color: string;
-  selection: TextPosStructRange | undefined;
+  selection?: TextPosStructRange;
 };

packages/sdk/src/document/json/tree.ts

@@ -82,7 +82,7 @@ function buildDescendants(
     parent.append(textNode);
   } else {
     const { children = [] } = treeNode as ElementNode;
-    let { attributes } = treeNode as ElementNode;
+    const { attributes } = treeNode as ElementNode;
     let attrs;
 
     if (typeof attributes === 'object' && !isEmpty(attributes)) {
@@ -121,7 +121,7 @@ function createCRDTTreeNode(context: ChangeContext, content: TreeNode) {
     root = CRDTTreeNode.create(CRDTTreeNodeID.of(ticket, 0), type, value);
   } else if (content) {
     const { children = [] } = content as ElementNode;
-    let { attributes } = content as ElementNode;
+    const { attributes } = content as ElementNode;
     let attrs;
 
     if (typeof attributes === 'object' && !isEmpty(attributes)) {