refactor: remove react namespace import

components/Block/BlockContent.tsx

@@ -1,6 +1,5 @@
 import type { ShallowBlock } from "@plastic-editor/protocol/lib/protocol";
 import { useAtomValue } from "jotai/utils";
-import React from "react";
 import { EditableBlock } from "../Editor/blocks/Editable";
 import { editingBlockIdAtom } from "../Editor/store";
 import { Preview } from "./Preview";

components/Block/LineDirection.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import { memo as ReactMemo } from "react";
 import type { useDrag } from "react-dnd";
 type TDragRef = ReturnType<typeof useDrag>[1];
 const LineDirectionImpl: React.FC<{ dragRef: TDragRef }> = ({ dragRef }) => {
@@ -18,5 +18,5 @@ const LineDirectionImpl: React.FC<{ dragRef: TDragRef }> = ({ dragRef }) => {
   );
 };
 
-export const LineDirection = React.memo(LineDirectionImpl, () => true);
+export const LineDirection = ReactMemo(LineDirectionImpl, () => true);
 LineDirection.displayName = "LineDirection";

components/Block/Preview.tsx

@@ -2,7 +2,7 @@ import clsx from "clsx";
 import deepEqual from "fast-deep-equal/es6/react";
 import { useAtomValue, useUpdateAtom } from "jotai/utils";
 import { nanoid } from "nanoid";
-import React, { useCallback } from "react";
+import { memo as ReactMemo, useCallback } from "react";
 import { useAdapter } from "../Editor/adapters/AdapterContext";
 import { Token, tokenizer } from "../Editor/parser";
 import { anchorOffsetAtom, editingBlockIdAtom } from "../Editor/store";
@@ -62,6 +62,6 @@ const PreviewImpl: React.FC<PropsType> = ({ blockId, className }) => {
   );
 };
 
-export const Preview = React.memo(PreviewImpl, (prevProps, nextProps) =>
+export const Preview = ReactMemo(PreviewImpl, (prevProps, nextProps) =>
   deepEqual(prevProps, nextProps)
 );

components/Block/index.tsx

@@ -4,7 +4,7 @@ import clsx from "clsx";
 import deepEqual from "fast-deep-equal/es6/react";
 import { useUpdateAtom } from "jotai/utils";
 import { nanoid } from "nanoid";
-import React, { useRef } from "react";
+import { memo as ReactMemo, useRef } from "react";
 import { DropTargetMonitor, useDrag, useDrop } from "react-dnd";
 import { useAdapter } from "../Editor/adapters/AdapterContext";
 import { ID_LEN } from "../Editor/adapters/memory";
@@ -155,6 +155,6 @@ function BlockChildren({
   );
 }
 
-export const Block = React.memo(BlockImpl, (prevProps, nextProps) =>
+export const Block = ReactMemo(BlockImpl, (prevProps, nextProps) =>
   deepEqual(prevProps, nextProps)
 );

components/Editor/adapters/AdapterContext.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from "react";
+import { createContext, useContext } from "react";
 import { memoryAdapter } from "./memory";
 
 const AdapterContext = createContext(memoryAdapter);

components/Editor/blocks/Bold.tsx

@@ -1,4 +1,4 @@
-import React, { MouseEventHandler } from "react";
+import { MouseEventHandler } from "react";
 
 export type PropType = {
   content: string;

components/Editor/blocks/Code.tsx

@@ -1,4 +1,4 @@
-import React, { MouseEventHandler } from "react";
+import { MouseEventHandler } from "react";
 
 export type PropType = {
   content: string;

components/Editor/blocks/Editable.tsx

@@ -10,7 +10,7 @@ import clsx from "clsx";
 import produce from "immer";
 import { useAtom } from "jotai";
 import { useAtomValue, useUpdateAtom } from "jotai/utils";
-import React, { useEffect, useRef } from "react";
+import { useEffect, useRef } from "react";
 import tinykeys from "tinykeys";
 import { useNanoid } from "../../../hooks/useNanoid";
 import { useAdapter } from "../adapters/AdapterContext";

components/Editor/blocks/HyperLink.tsx

@@ -1,5 +1,4 @@
 import Link from "next/link";
-import React from "react";
 
 export type PropsType = {
   url: string;

components/Editor/blocks/Image.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 export const Image: React.FC<{ url: string; alt: string }> = ({ url, alt }) => (
   // eslint-disable-next-line  @next/next/no-img-element
   <img src={url} alt={alt} className="max-w-full" />

components/Editor/blocks/Todo.tsx

@@ -1,7 +1,7 @@
 import produce from "immer";
 import { useAtom } from "jotai";
 import { useAtomValue } from "jotai/utils";
-import React, { useCallback } from "react";
+import { useCallback } from "react";
 import { useAdapter } from "../adapters/AdapterContext";
 
 export const Todo: React.FC<{

components/Editor/index.tsx

@@ -1,7 +1,6 @@
 import { useMountEffect } from "@react-hookz/web";
 import produce from "immer";
 import { useRouter } from "next/router";
-import React from "react";
 import { DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { Block } from "../Block";

components/Editor/parser.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { Text } from "./blocks/Text";
 import { rules as builtinRules } from "./rules";
 export type Token = {

components/LeftAside/ToolButton.tsx

@@ -1,4 +1,4 @@
-import React, { ImgHTMLAttributes } from "react";
+import { ImgHTMLAttributes } from "react";
 
 type ImageAttrsType = ImgHTMLAttributes<HTMLIFrameElement>;
 export type PropsType = {

components/LeftAside/index.tsx

@@ -2,7 +2,7 @@ import { useAtom } from "jotai";
 import { useAtomValue, useUpdateAtom } from "jotai/utils";
 import Link from "next/link";
 import { useRouter } from "next/router";
-import React, { useCallback } from "react";
+import { useCallback } from "react";
 import { useAdapter } from "../Editor/adapters/AdapterContext";
 import { Note } from "../Editor/adapters/types";
 import { ToolButton } from "./ToolButton";

components/Loading.tsx

@@ -1,5 +1,4 @@
 import clsx from "clsx";
-import React from "react";
 
 type PropsType = {
   style?: React.CSSProperties;

components/Navbar/PageSearchInput.tsx

@@ -2,7 +2,7 @@ import produce from "immer";
 import { atom, useAtom } from "jotai";
 import { useAtomValue, useUpdateAtom } from "jotai/utils";
 import Link from "next/link";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useNanoid } from "../../hooks/useNanoid";
 import { useAdapter } from "../Editor/adapters/AdapterContext";
 

components/Navbar/index.tsx

@@ -1,5 +1,4 @@
 import { useAtomValue } from "jotai/utils";
-import React from "react";
 import { useAdapter } from "../Editor/adapters/AdapterContext";
 import { PageSearchInput } from "./PageSearchInput";
 

components/Note.tsx

@@ -1,7 +1,7 @@
 import { Block } from "@plastic-editor/protocol/lib/protocol";
 import { useAtom } from "jotai";
 import { useAtomValue } from "jotai/utils";
-import React, { useCallback } from "react";
+import { useCallback } from "react";
 import { Editor } from "./Editor";
 import { useAdapter } from "./Editor/adapters/AdapterContext";
 import { Reference } from "./Reference";

pages/docs/index.tsx

@@ -3,7 +3,6 @@ import produce from "immer";
 import { useAtom } from "jotai";
 import { useUpdateAtom } from "jotai/utils";
 import type { NextPage } from "next";
-import React from "react";
 import {
   AdapterProvider,
   useAdapter,