upgrade prettier configs

.prettierignore

@@ -0,0 +1,12 @@
+.yarn
+node_modules
+/dist/
+
+/packages/_react-icons_all
+/packages/_react-icons_all-files
+
+/packages/react-icons/build
+/packages/react-icons/src/icons/*
+!/packages/react-icons/src/icons/index.js
+
+/packages/preview/.next

.prettierrc.yaml

@@ -0,0 +1,6 @@
+overrides:
+  - files:
+    - "*.tsx"
+    - "*.ts"
+    options:
+      parser: typescript

package.json

@@ -6,8 +6,8 @@
   ],
   "license": "MIT",
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "latest",
-    "@typescript-eslint/parser": "latest",
+    "@typescript-eslint/eslint-plugin": "^5.40.0",
+    "@typescript-eslint/parser": "^5.40.0",
     "eslint": "^8.25.0",
     "eslint-plugin-react": "latest",
     "lerna": "^3.22.1",
@@ -17,6 +17,8 @@
     "submodule": "git submodule update --init",
     "submodule-deinit": "git submodule deinit --all",
     "lint": "yarn eslint .",
+    "format": "prettier --write --ignore-unknown .",
+    "format:ci": "prettier --check --ignore-unknown .",
     "version-up": "lerna version",
     "version-snapshot": "lerna version --no-push --no-git-tag-version --yes --preid snapshot prepatch --force-publish",
     "version": "yarn install && git add .",

packages/preview/src/pages/search.tsx

@@ -9,7 +9,7 @@ export default function SearchPage() {
   const { q } = router.query;
   const { query, setQuery } = React.useContext(Context);
 
-  if (!query && q) setQuery(q);
+  if (!query && q) setQuery(q as any);
 
   return (
     <Container title="🔍 Search">

packages/preview/src/utils/search-context.tsx

@@ -1,12 +1,22 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
 import React from "react";
 
-export const Context = React.createContext({
+interface ContextType {
+  query: string;
+  setQuery: (query: string) => void;
+  results: any;
+  setResults: (results: any) => void;
+}
+
+export const Context: React.Context<ContextType> = React.createContext({
   query: "",
-  setQuery: () => {},
+  setQuery: () => {
+    // nop
+  },
   results: {},
-  setResults: () => {}
-} as any);
+  setResults: () => {
+    //nop
+  }
+});
 
 export const Provider = ({ children }) => {
   const [query, setQuery] = React.useState("");

yarn.lock

@@ -4407,7 +4407,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/eslint-plugin@npm:^5.5.0, @typescript-eslint/eslint-plugin@npm:latest":
+"@typescript-eslint/eslint-plugin@npm:^5.40.0, @typescript-eslint/eslint-plugin@npm:^5.5.0":
   version: 5.40.0
   resolution: "@typescript-eslint/eslint-plugin@npm:5.40.0"
   dependencies:
@@ -4440,7 +4440,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/parser@npm:^5.5.0, @typescript-eslint/parser@npm:latest":
+"@typescript-eslint/parser@npm:^5.40.0, @typescript-eslint/parser@npm:^5.5.0":
   version: 5.40.0
   resolution: "@typescript-eslint/parser@npm:5.40.0"
   dependencies:
@@ -15980,8 +15980,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "react-icons-root@workspace:."
   dependencies:
-    "@typescript-eslint/eslint-plugin": latest
-    "@typescript-eslint/parser": latest
+    "@typescript-eslint/eslint-plugin": ^5.40.0
+    "@typescript-eslint/parser": ^5.40.0
     eslint: ^8.25.0
     eslint-plugin-react: latest
     lerna: ^3.22.1