From 50691896717ca911d68a8a2b688bbdbe27be2d47 Mon Sep 17 00:00:00 2001
From: Ricardo Costa <48949546+ripecosta@users.noreply.github.com>
Date: Mon, 12 Aug 2024 20:13:34 +0100
Subject: [PATCH] style: apply prettier to all files in the repo (#1777)

* style: prettier config applies to all files

* style: run prettier
---
 .all-contributorsrc                           | 29 +++-------------
 .babelrc                                      | 32 +++++++++--------
 .codeclimate.yml                              | 30 ++++++++--------
 .editorconfig                                 |  9 ++---
 .github/stale.yml                             | 19 +++++------
 .github/workflows/CI.yml                      |  6 ++--
 .prettierignore                               |  2 +-
 .../devserver-save-missing/public/index.html  | 14 ++++----
 example/devserver-save-missing/src/App.css    |  8 +++--
 example/locize/public/index.html              | 14 ++++----
 example/locize/src/App.css                    |  8 +++--
 example/razzle-ssr/src/App.css                |  2 +-
 example/razzle-ssr/src/Home.css               |  8 +++--
 example/react-component-lib/public/index.html | 14 ++++----
 example/react-component-lib/src/App.css       |  8 +++--
 example/react-fluent/public/index.html        | 14 ++++----
 example/react-fluent/src/App.css              |  8 +++--
 example/react-icu/public/index.html           |  7 ++--
 example/react-icu/src/index.css               |  8 ++---
 example/react-localstorage/public/index.html  | 14 ++++----
 example/react-localstorage/src/App.css        |  8 +++--
 .../simple-multi-namespaces/public/index.html |  7 ++--
 .../simple-multi-namespaces/src/index.css     |  8 ++---
 .../react-typescript/simple/public/index.html |  7 ++--
 example/react-typescript/simple/src/index.css |  8 ++---
 example/react/public/index.html               | 14 ++++----
 example/react/src/App.css                     |  8 +++--
 example/react_native_windows/.watchmanconfig  |  2 +-
 example/storybook/public/index.html           |  7 ++--
 example/storybook/src/index.css               |  8 ++---
 example/test-jest/public/index.html           | 16 ++++-----
 example/test-jest/src/App.css                 |  8 +++--
 example/v9.x.x/dat/public/index.html          | 14 ++++----
 example/v9.x.x/dat/src/App.css                |  8 +++--
 example/v9.x.x/locize/public/index.html       | 14 ++++----
 example/v9.x.x/locize/src/App.css             |  8 +++--
 example/v9.x.x/preact/public/index.html       | 14 ++++----
 example/v9.x.x/preact/src/App.css             |  8 +++--
 example/v9.x.x/razzle-ssr/.babelrc            |  2 +-
 example/v9.x.x/razzle-ssr/src/App.css         |  2 +-
 example/v9.x.x/razzle-ssr/src/Home.css        |  8 +++--
 example/v9.x.x/react-fluent/public/index.html | 14 ++++----
 example/v9.x.x/react-fluent/src/App.css       |  8 +++--
 example/v9.x.x/react-icu/public/index.html    | 14 ++++----
 example/v9.x.x/react-icu/src/App.css          |  8 +++--
 example/v9.x.x/react/public/index.html        | 14 ++++----
 example/v9.x.x/react/src/App.css              |  8 +++--
 example/v9.x.x/storybook/public/index.html    | 14 ++++----
 example/v9.x.x/storybook/src/App.css          |  8 +++--
 example/v9.x.x/test-jest/public/index.html    | 16 ++++-----
 example/v9.x.x/test-jest/src/App.css          |  8 +++--
 lint-staged.config.mjs                        |  2 +-
 package.json                                  |  4 +--
 rollup.config.mjs                             |  2 +-
 test/trans.nodeToString.spec.jsx              |  2 +-
 test/trans.render.spec.jsx                    | 34 +++++--------------
 test/useTranslation.ready.spec.jsx            |  8 ++---
 test/useTranslation.spec.jsx                  | 10 +++---
 test/withSSR.spec.jsx                         |  9 +++--
 test/withTranslation.keyPrefix.spec.jsx       |  2 +-
 test/withTranslation.spec.jsx                 |  6 ++--
 61 files changed, 304 insertions(+), 320 deletions(-)

diff --git a/.all-contributorsrc b/.all-contributorsrc
index 65ee7a595..7970f5667 100644
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -3,9 +3,7 @@
   "projectOwner": "i18next",
   "repoType": "github",
   "repoHost": "https://github.com",
-  "files": [
-    "README.md"
-  ],
+  "files": ["README.md"],
   "imageSize": 100,
   "commit": false,
   "contributors": [
@@ -14,45 +12,28 @@
       "name": "Jan Mühlemann",
       "avatar_url": "https://avatars3.githubusercontent.com/u/977772?v=4",
       "profile": "http://twitter.com/jamuhl",
-      "contributions": [
-        "code",
-        "example",
-        "doc",
-        "question"
-      ]
+      "contributions": ["code", "example", "doc", "question"]
     },
     {
       "login": "adrai",
       "name": "Adriano Raiano",
       "avatar_url": "https://avatars0.githubusercontent.com/u/1086194?v=4",
       "profile": "http://twitter.com/#!/adrirai",
-      "contributions": [
-        "code",
-        "example",
-        "doc",
-        "question"
-      ]
+      "contributions": ["code", "example", "doc", "question"]
     },
     {
       "login": "tigerabrodi",
       "name": "Tiger Abrodi",
       "avatar_url": "https://avatars1.githubusercontent.com/u/49603590?v=4",
       "profile": "https://tigerabrodi.dev/",
-      "contributions": [
-        "question",
-        "code",
-        "review"
-      ]
+      "contributions": ["question", "code", "review"]
     },
     {
       "login": "pedrodurek",
       "name": "Pedro Durek",
       "avatar_url": "https://avatars1.githubusercontent.com/u/12190482?v=4",
       "profile": "https://github.com/pedrodurek",
-      "contributions": [
-        "code",
-        "example"
-      ]
+      "contributions": ["code", "example"]
     }
   ],
   "commitConvention": "none"
diff --git a/.babelrc b/.babelrc
index 460fadbe5..d34e072f2 100644
--- a/.babelrc
+++ b/.babelrc
@@ -1,25 +1,27 @@
 {
   "env": {
     "development": {
-      "presets": [["@babel/env", {
-        "targets": {
-          "browsers":[
-            "defaults"
-          ]
-        }
-      }], "@babel/react"],
+      "presets": [
+        [
+          "@babel/env",
+          {
+            "targets": { "browsers": ["defaults"] }
+          }
+        ],
+        "@babel/react"
+      ],
       "plugins": ["@babel/plugin-transform-runtime"]
     },
     "jsnext": {
       "presets": [
-        ["@babel/env", {
-          "targets": {
-            "browsers":[
-              "defaults"
-            ]
-          },
-          "modules": false, "useBuiltIns": false
-        }],
+        [
+          "@babel/env",
+          {
+            "targets": { "browsers": ["defaults"] },
+            "modules": false,
+            "useBuiltIns": false
+          }
+        ],
         "@babel/react"
       ],
       "plugins": ["@babel/plugin-transform-runtime"]
diff --git a/.codeclimate.yml b/.codeclimate.yml
index 0112d2266..8d4de3d0b 100644
--- a/.codeclimate.yml
+++ b/.codeclimate.yml
@@ -3,29 +3,29 @@ engines:
     enabled: true
     config:
       languages:
-      - ruby
-      - javascript:
-          mass_threshold: 58
-      - python
-      - php
+        - ruby
+        - javascript:
+            mass_threshold: 58
+        - python
+        - php
   eslint:
     # Disabled since this engine used a different set of version of
     # `@typescript/eslint` and `typescript`
     #
     # @see https://github.com/i18next/i18next/pull/2098
     enabled: false
-    channel: "eslint-8"
+    channel: 'eslint-8'
   fixme:
     enabled: true
 ratings:
   paths:
-  - "src/**/*"
+    - 'src/**/*'
 exclude_paths:
-- test/
-- coverage/
-- dist/
-- example/
-- "react-i18next.js"
-- "react-i18next.min.js"
-- "rollup.config.js"
-- "src/shallowEqual.js"
+  - test/
+  - coverage/
+  - dist/
+  - example/
+  - 'react-i18next.js'
+  - 'react-i18next.min.js'
+  - 'rollup.config.js'
+  - 'src/shallowEqual.js'
diff --git a/.editorconfig b/.editorconfig
index 5a3c9e0b5..5baa6a735 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -1,9 +1,10 @@
 # EditorConfig is awesome: http://EditorConfig.org
 root = true
 
-[*.{js,jsx,json}]
-end_of_line = lf
-insert_final_newline = true
+[*]
 charset = utf-8
-indent_style = space
+end_of_line = lf
 indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/.github/stale.yml b/.github/stale.yml
index abe853070..4350ba1fb 100644
--- a/.github/stale.yml
+++ b/.github/stale.yml
@@ -1,19 +1,18 @@
-  
 # Number of days of inactivity before an issue becomes stale
 daysUntilStale: 7
 # Number of days of inactivity before a stale issue is closed
 daysUntilClose: 7
 # Issues with these labels will never be considered stale
 exemptLabels:
-  - "discussion"
-  - "feature request"
-  - "bug"
-  - "breaking change"
-  - "doc"
-  - "issue"
-  - "help wanted"
-  - "good first issue"
-  - "pr hold"
+  - 'discussion'
+  - 'feature request'
+  - 'bug'
+  - 'breaking change'
+  - 'doc'
+  - 'issue'
+  - 'help wanted'
+  - 'good first issue'
+  - 'pr hold'
 # Label to use when marking an issue as stale
 staleLabel: stale
 # Comment to post when marking an issue as stale. Set to `false` to disable
diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index 7db546e6f..3dcac264e 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -54,13 +54,13 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node: [ '20.x', '18.x' ]
+        node: ['20.x', '18.x']
         os: [ubuntu-latest]
         # Collect coverage only for node 20 and ubuntu-latest, no need to run it twice
         # @see https://docs.github.com/en/actions/using-jobs/using-a-matrix-for-your-jobs#expanding-or-adding-matrix-configurations
         include:
           - collectCoverage: true
-            node: '20.x'  
+            node: '20.x'
             os: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
@@ -101,5 +101,5 @@ jobs:
       - name: Install dependencies
         run: npm install
 
-      - name: Test 
+      - name: Test
         run: npm run test:typescript
diff --git a/.prettierignore b/.prettierignore
index 3754596d1..855fd7e23 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,3 +1,3 @@
-**/dist/**/*.js
+**/dist/
 **/react-i18next.js
 **/react-i18next.min.js
diff --git a/example/devserver-save-missing/public/index.html b/example/devserver-save-missing/public/index.html
index 7bee02710..4b87f6c36 100644
--- a/example/devserver-save-missing/public/index.html
+++ b/example/devserver-save-missing/public/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/devserver-save-missing/src/App.css b/example/devserver-save-missing/src/App.css
index 15adfdc71..6a262f5d3 100644
--- a/example/devserver-save-missing/src/App.css
+++ b/example/devserver-save-missing/src/App.css
@@ -19,6 +19,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/locize/public/index.html b/example/locize/public/index.html
index 7bee02710..4b87f6c36 100644
--- a/example/locize/public/index.html
+++ b/example/locize/public/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/locize/src/App.css b/example/locize/src/App.css
index 15adfdc71..6a262f5d3 100644
--- a/example/locize/src/App.css
+++ b/example/locize/src/App.css
@@ -19,6 +19,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/razzle-ssr/src/App.css b/example/razzle-ssr/src/App.css
index 673b87943..b4cc7250b 100644
--- a/example/razzle-ssr/src/App.css
+++ b/example/razzle-ssr/src/App.css
@@ -2,4 +2,4 @@ body {
   margin: 0;
   padding: 0;
   font-family: sans-serif;
-}
\ No newline at end of file
+}
diff --git a/example/razzle-ssr/src/Home.css b/example/razzle-ssr/src/Home.css
index 07cff48a8..8d045a974 100644
--- a/example/razzle-ssr/src/Home.css
+++ b/example/razzle-ssr/src/Home.css
@@ -29,6 +29,10 @@
 }
 
 @keyframes Home-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/react-component-lib/public/index.html b/example/react-component-lib/public/index.html
index 7bee02710..4b87f6c36 100644
--- a/example/react-component-lib/public/index.html
+++ b/example/react-component-lib/public/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/react-component-lib/src/App.css b/example/react-component-lib/src/App.css
index 15adfdc71..6a262f5d3 100644
--- a/example/react-component-lib/src/App.css
+++ b/example/react-component-lib/src/App.css
@@ -19,6 +19,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/react-fluent/public/index.html b/example/react-fluent/public/index.html
index 7bee02710..4b87f6c36 100644
--- a/example/react-fluent/public/index.html
+++ b/example/react-fluent/public/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/react-fluent/src/App.css b/example/react-fluent/src/App.css
index 15adfdc71..6a262f5d3 100644
--- a/example/react-fluent/src/App.css
+++ b/example/react-fluent/src/App.css
@@ -19,6 +19,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/react-icu/public/index.html b/example/react-icu/public/index.html
index aa069f27c..d79d7a78c 100644
--- a/example/react-icu/public/index.html
+++ b/example/react-icu/public/index.html
@@ -1,14 +1,11 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
+    <meta name="description" content="Web site created using create-react-app" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
diff --git a/example/react-icu/src/index.css b/example/react-icu/src/index.css
index ec2585e8c..89e57c7cc 100644
--- a/example/react-icu/src/index.css
+++ b/example/react-icu/src/index.css
@@ -1,13 +1,11 @@
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }
diff --git a/example/react-localstorage/public/index.html b/example/react-localstorage/public/index.html
index 7bee02710..4b87f6c36 100644
--- a/example/react-localstorage/public/index.html
+++ b/example/react-localstorage/public/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/react-localstorage/src/App.css b/example/react-localstorage/src/App.css
index 15adfdc71..6a262f5d3 100644
--- a/example/react-localstorage/src/App.css
+++ b/example/react-localstorage/src/App.css
@@ -19,6 +19,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/react-typescript/simple-multi-namespaces/public/index.html b/example/react-typescript/simple-multi-namespaces/public/index.html
index aa069f27c..d79d7a78c 100644
--- a/example/react-typescript/simple-multi-namespaces/public/index.html
+++ b/example/react-typescript/simple-multi-namespaces/public/index.html
@@ -1,14 +1,11 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
+    <meta name="description" content="Web site created using create-react-app" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
diff --git a/example/react-typescript/simple-multi-namespaces/src/index.css b/example/react-typescript/simple-multi-namespaces/src/index.css
index ec2585e8c..89e57c7cc 100644
--- a/example/react-typescript/simple-multi-namespaces/src/index.css
+++ b/example/react-typescript/simple-multi-namespaces/src/index.css
@@ -1,13 +1,11 @@
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }
diff --git a/example/react-typescript/simple/public/index.html b/example/react-typescript/simple/public/index.html
index aa069f27c..d79d7a78c 100644
--- a/example/react-typescript/simple/public/index.html
+++ b/example/react-typescript/simple/public/index.html
@@ -1,14 +1,11 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
+    <meta name="description" content="Web site created using create-react-app" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
diff --git a/example/react-typescript/simple/src/index.css b/example/react-typescript/simple/src/index.css
index ec2585e8c..89e57c7cc 100644
--- a/example/react-typescript/simple/src/index.css
+++ b/example/react-typescript/simple/src/index.css
@@ -1,13 +1,11 @@
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }
diff --git a/example/react/public/index.html b/example/react/public/index.html
index 7bee02710..4b87f6c36 100644
--- a/example/react/public/index.html
+++ b/example/react/public/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/react/src/App.css b/example/react/src/App.css
index 15adfdc71..6a262f5d3 100644
--- a/example/react/src/App.css
+++ b/example/react/src/App.css
@@ -19,6 +19,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/react_native_windows/.watchmanconfig b/example/react_native_windows/.watchmanconfig
index 9e26dfeeb..0967ef424 100644
--- a/example/react_native_windows/.watchmanconfig
+++ b/example/react_native_windows/.watchmanconfig
@@ -1 +1 @@
-{}
\ No newline at end of file
+{}
diff --git a/example/storybook/public/index.html b/example/storybook/public/index.html
index 75980d58e..28111e605 100644
--- a/example/storybook/public/index.html
+++ b/example/storybook/public/index.html
@@ -1,12 +1,9 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
diff --git a/example/storybook/src/index.css b/example/storybook/src/index.css
index cee5f348f..62e8a984c 100644
--- a/example/storybook/src/index.css
+++ b/example/storybook/src/index.css
@@ -1,14 +1,12 @@
 body {
   margin: 0;
   padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-    sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
-    monospace;
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }
diff --git a/example/test-jest/public/index.html b/example/test-jest/public/index.html
index ed0ebafa1..4b87f6c36 100644
--- a/example/test-jest/public/index.html
+++ b/example/test-jest/public/index.html
@@ -1,15 +1,15 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/test-jest/src/App.css b/example/test-jest/src/App.css
index c5c6e8a68..31be39dcc 100644
--- a/example/test-jest/src/App.css
+++ b/example/test-jest/src/App.css
@@ -23,6 +23,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/v9.x.x/dat/public/index.html b/example/v9.x.x/dat/public/index.html
index 7bee02710..4b87f6c36 100644
--- a/example/v9.x.x/dat/public/index.html
+++ b/example/v9.x.x/dat/public/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/v9.x.x/dat/src/App.css b/example/v9.x.x/dat/src/App.css
index 15adfdc71..6a262f5d3 100644
--- a/example/v9.x.x/dat/src/App.css
+++ b/example/v9.x.x/dat/src/App.css
@@ -19,6 +19,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/v9.x.x/locize/public/index.html b/example/v9.x.x/locize/public/index.html
index 7bee02710..4b87f6c36 100644
--- a/example/v9.x.x/locize/public/index.html
+++ b/example/v9.x.x/locize/public/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/v9.x.x/locize/src/App.css b/example/v9.x.x/locize/src/App.css
index 15adfdc71..6a262f5d3 100644
--- a/example/v9.x.x/locize/src/App.css
+++ b/example/v9.x.x/locize/src/App.css
@@ -19,6 +19,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/v9.x.x/preact/public/index.html b/example/v9.x.x/preact/public/index.html
index 7bee02710..4b87f6c36 100644
--- a/example/v9.x.x/preact/public/index.html
+++ b/example/v9.x.x/preact/public/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/v9.x.x/preact/src/App.css b/example/v9.x.x/preact/src/App.css
index 15adfdc71..6a262f5d3 100644
--- a/example/v9.x.x/preact/src/App.css
+++ b/example/v9.x.x/preact/src/App.css
@@ -19,6 +19,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/v9.x.x/razzle-ssr/.babelrc b/example/v9.x.x/razzle-ssr/.babelrc
index 718dc42a8..38733e673 100644
--- a/example/v9.x.x/razzle-ssr/.babelrc
+++ b/example/v9.x.x/razzle-ssr/.babelrc
@@ -1,3 +1,3 @@
 {
-      "presets": [ "react", "es2015", "stage-0" ]
+  "presets": ["react", "es2015", "stage-0"]
 }
diff --git a/example/v9.x.x/razzle-ssr/src/App.css b/example/v9.x.x/razzle-ssr/src/App.css
index 673b87943..b4cc7250b 100644
--- a/example/v9.x.x/razzle-ssr/src/App.css
+++ b/example/v9.x.x/razzle-ssr/src/App.css
@@ -2,4 +2,4 @@ body {
   margin: 0;
   padding: 0;
   font-family: sans-serif;
-}
\ No newline at end of file
+}
diff --git a/example/v9.x.x/razzle-ssr/src/Home.css b/example/v9.x.x/razzle-ssr/src/Home.css
index 07cff48a8..8d045a974 100644
--- a/example/v9.x.x/razzle-ssr/src/Home.css
+++ b/example/v9.x.x/razzle-ssr/src/Home.css
@@ -29,6 +29,10 @@
 }
 
 @keyframes Home-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/v9.x.x/react-fluent/public/index.html b/example/v9.x.x/react-fluent/public/index.html
index 7bee02710..4b87f6c36 100644
--- a/example/v9.x.x/react-fluent/public/index.html
+++ b/example/v9.x.x/react-fluent/public/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/v9.x.x/react-fluent/src/App.css b/example/v9.x.x/react-fluent/src/App.css
index 15adfdc71..6a262f5d3 100644
--- a/example/v9.x.x/react-fluent/src/App.css
+++ b/example/v9.x.x/react-fluent/src/App.css
@@ -19,6 +19,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/v9.x.x/react-icu/public/index.html b/example/v9.x.x/react-icu/public/index.html
index 7bee02710..4b87f6c36 100644
--- a/example/v9.x.x/react-icu/public/index.html
+++ b/example/v9.x.x/react-icu/public/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/v9.x.x/react-icu/src/App.css b/example/v9.x.x/react-icu/src/App.css
index 15adfdc71..6a262f5d3 100644
--- a/example/v9.x.x/react-icu/src/App.css
+++ b/example/v9.x.x/react-icu/src/App.css
@@ -19,6 +19,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/v9.x.x/react/public/index.html b/example/v9.x.x/react/public/index.html
index 7bee02710..4b87f6c36 100644
--- a/example/v9.x.x/react/public/index.html
+++ b/example/v9.x.x/react/public/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/v9.x.x/react/src/App.css b/example/v9.x.x/react/src/App.css
index 15adfdc71..6a262f5d3 100644
--- a/example/v9.x.x/react/src/App.css
+++ b/example/v9.x.x/react/src/App.css
@@ -19,6 +19,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/v9.x.x/storybook/public/index.html b/example/v9.x.x/storybook/public/index.html
index 7bee02710..4b87f6c36 100644
--- a/example/v9.x.x/storybook/public/index.html
+++ b/example/v9.x.x/storybook/public/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/v9.x.x/storybook/src/App.css b/example/v9.x.x/storybook/src/App.css
index 15adfdc71..6a262f5d3 100644
--- a/example/v9.x.x/storybook/src/App.css
+++ b/example/v9.x.x/storybook/src/App.css
@@ -19,6 +19,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/example/v9.x.x/test-jest/public/index.html b/example/v9.x.x/test-jest/public/index.html
index ed0ebafa1..4b87f6c36 100644
--- a/example/v9.x.x/test-jest/public/index.html
+++ b/example/v9.x.x/test-jest/public/index.html
@@ -1,15 +1,15 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="theme-color" content="#000000" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -22,9 +22,7 @@
     <title>React App</title>
   </head>
   <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/example/v9.x.x/test-jest/src/App.css b/example/v9.x.x/test-jest/src/App.css
index c5c6e8a68..31be39dcc 100644
--- a/example/v9.x.x/test-jest/src/App.css
+++ b/example/v9.x.x/test-jest/src/App.css
@@ -23,6 +23,10 @@
 }
 
 @keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
diff --git a/lint-staged.config.mjs b/lint-staged.config.mjs
index ba3ba6477..ff0f7eb0d 100644
--- a/lint-staged.config.mjs
+++ b/lint-staged.config.mjs
@@ -1,3 +1,3 @@
 export default {
-  '*.{mts,ts,tsx,js,json,md}': ['prettier --write'],
+  '*': ['prettier --write --ignore-unknown'],
 };
diff --git a/package.json b/package.json
index d9775fc79..6fb2d6243 100644
--- a/package.json
+++ b/package.json
@@ -134,8 +134,8 @@
   "scripts": {
     "clean": "rimraf dist && mkdirp dist",
     "lint": "eslint ./src ./test",
-    "format": "prettier \"{,**/}*.{ts,tsx,mts,js,json,md}\" --check",
-    "format:fix": "prettier \"{,**/}*.{ts,tsx,mts,js,json,md}\" --write",
+    "format": "prettier . --check",
+    "format:fix": "prettier . --write --list-different",
     "copy": "cp-cli ./dist/umd/react-i18next.min.js ./react-i18next.min.js && cp-cli ./dist/umd/react-i18next.js ./react-i18next.js && echo '{\"type\":\"module\"}' > dist/es/package.json",
     "build:es": "cross-env BABEL_ENV=ESNext babel src --out-dir dist/es",
     "build:cjs": "babel src --out-dir dist/commonjs",
diff --git a/rollup.config.mjs b/rollup.config.mjs
index 5ec25b685..a819d3ae1 100644
--- a/rollup.config.mjs
+++ b/rollup.config.mjs
@@ -16,7 +16,7 @@ const babelOptions = {
       '@babel/preset-env',
       {
         targets: {
-          browsers:['defaults']
+          browsers: ['defaults'],
         },
       },
     ],
diff --git a/test/trans.nodeToString.spec.jsx b/test/trans.nodeToString.spec.jsx
index 316ec5dbf..9db0671f4 100644
--- a/test/trans.nodeToString.spec.jsx
+++ b/test/trans.nodeToString.spec.jsx
@@ -2,7 +2,7 @@ import { describe, it, expect } from 'vitest';
 import React from 'react';
 import { nodesToString } from '../src/Trans';
 
-describe('trans nodeToString', () => { 
+describe('trans nodeToString', () => {
   describe('treat like other components (legacy)', () => {
     it('should handle voidElements eg. br', () => {
       const fragment = (
diff --git a/test/trans.render.spec.jsx b/test/trans.render.spec.jsx
index 386f02d0d..35a1aa4da 100644
--- a/test/trans.render.spec.jsx
+++ b/test/trans.render.spec.jsx
@@ -1,4 +1,4 @@
-import { describe, it, expect, beforeAll, afterAll, afterEach  } from 'vitest';
+import { describe, it, expect, beforeAll, afterAll, afterEach } from 'vitest';
 import React from 'react';
 import { render, cleanup } from '@testing-library/react';
 import i18n from './i18n';
@@ -196,9 +196,7 @@ describe('trans simple with custom html tag', () => {
 describe('trans bracketNotation', () => {
   function TestComponent() {
     const numOfItems = 4;
-    return (
-      <Trans i18nKey="bracketNotation" count={numOfItems} />
-    );
+    return <Trans i18nKey="bracketNotation" count={numOfItems} />;
   }
 
   it('should render correct content', () => {
@@ -214,9 +212,7 @@ describe('trans bracketNotation', () => {
 describe('trans otherNotation', () => {
   function TestComponent() {
     const numOfItems = 4;
-    return (
-      <Trans i18nKey="otherNotation" count={numOfItems} />
-    );
+    return <Trans i18nKey="otherNotation" count={numOfItems} />;
   }
 
   it('should render correct content', () => {
@@ -866,16 +862,8 @@ describe('trans with formatting', () => {
   function TestComponent({ parent }) {
     return (
       <>
-        <Trans
-          parent={parent}
-          i18nKey="trans-key-with-generic-var"
-          values={{ foo: 1234 }}
-        />
-        <Trans
-          parent={parent}
-          i18nKey="trans-key-with-number-var"
-          values={{ foo: 1234 }}
-        />
+        <Trans parent={parent} i18nKey="trans-key-with-generic-var" values={{ foo: 1234 }} />
+        <Trans parent={parent} i18nKey="trans-key-with-number-var" values={{ foo: 1234 }} />
         <Trans parent={parent} i18nKey="trans-key-with-number-var">
           {{ foo: 1234 }}
         </Trans>
@@ -930,9 +918,7 @@ describe('trans with undefined context property', () => {
 
 describe('trans with context property but no children', () => {
   function TestComponent({ parent }) {
-    return (
-      <Trans i18nKey="testTransNoChildrenWithCtx" context="home" parent={parent} />
-    );
+    return <Trans i18nKey="testTransNoChildrenWithCtx" context="home" parent={parent} />;
   }
 
   it('should render correct content', () => {
@@ -947,9 +933,7 @@ describe('trans with context property but no children', () => {
 
 describe('trans with undefined context property but no children', () => {
   function TestComponent({ parent }) {
-    return (
-      <Trans i18nKey="testTransNoChildrenWithCtx" context={undefined} parent={parent} />
-    );
+    return <Trans i18nKey="testTransNoChildrenWithCtx" context={undefined} parent={parent} />;
   }
 
   it('should render correct content', () => {
@@ -964,9 +948,7 @@ describe('trans with undefined context property but no children', () => {
 
 describe('trans with different context property but no children', () => {
   function TestComponent({ parent }) {
-    return (
-      <Trans i18nKey="testTransNoChildrenWithCtx" context="somewhere" parent={parent} />
-    );
+    return <Trans i18nKey="testTransNoChildrenWithCtx" context="somewhere" parent={parent} />;
   }
 
   it('should render correct content', () => {
diff --git a/test/useTranslation.ready.spec.jsx b/test/useTranslation.ready.spec.jsx
index 87f921193..0432e9da3 100644
--- a/test/useTranslation.ready.spec.jsx
+++ b/test/useTranslation.ready.spec.jsx
@@ -8,10 +8,10 @@ import hasLoadedNamespace from './hasLoadedNamespaceMock.js';
 vitest.unmock('../src/useTranslation');
 
 describe('useTranslation', () => {
-afterEach(() => {
-  cleanup();
-  cleanupHook();
-})
+  afterEach(() => {
+    cleanup();
+    cleanupHook();
+  });
 
   let instance;
   beforeEach(() => {
diff --git a/test/useTranslation.spec.jsx b/test/useTranslation.spec.jsx
index 7829d49d3..acde5d59c 100644
--- a/test/useTranslation.spec.jsx
+++ b/test/useTranslation.spec.jsx
@@ -12,7 +12,7 @@ vitest.unmock('../src/I18nextProvider');
 describe('useTranslation', () => {
   afterEach(() => {
     cleanup();
-  })
+  });
 
   describe('object', () => {
     it('should render correct content', () => {
@@ -25,13 +25,15 @@ describe('useTranslation', () => {
 
   describe('proper object-equality of returned t function', () => {
     it('should refresh t upon i18n.changeLanguage', () => {
-      const { result, rerender } = renderHook(() => useTranslation('translation', { i18n: i18nInstance }));
+      const { result, rerender } = renderHook(() =>
+        useTranslation('translation', { i18n: i18nInstance }),
+      );
       const { i18n, t } = result.current;
-      expect(i18n.language).toBe('en')
+      expect(i18n.language).toBe('en');
       i18n.changeLanguage('fr');
       try {
         rerender();
-        const { t: refreshedT } = result.current
+        const { t: refreshedT } = result.current;
         expect(refreshedT).not.toBe(t);
       } finally {
         i18n.changeLanguage('en');
diff --git a/test/withSSR.spec.jsx b/test/withSSR.spec.jsx
index c8b1d23da..6b2e97069 100644
--- a/test/withSSR.spec.jsx
+++ b/test/withSSR.spec.jsx
@@ -9,11 +9,10 @@ import hasLoadedNamespace from './hasLoadedNamespaceMock.js';
 
 vitest.unmock('../src/withSSR');
 
-
 describe('withSSR', () => {
   afterEach(() => {
     cleanup();
-  })
+  });
 
   const mockI18n = {
     language: 'en',
@@ -36,10 +35,10 @@ describe('withSSR', () => {
     getFixedT: () => (message) => message,
     hasResourceBundle: (lng, ns) => ns === 'alreadyLoadedNS',
     getResourceBundle: (lng, ns) => ({ lng, ns }),
-    loadNamespaces: () => { },
+    loadNamespaces: () => {},
     hasLoadedNamespace: (ns) => hasLoadedNamespace(ns, mockI18n),
-    on: () => { },
-    off: () => { },
+    on: () => {},
+    off: () => {},
   };
 
   function TestComponent() {
diff --git a/test/withTranslation.keyPrefix.spec.jsx b/test/withTranslation.keyPrefix.spec.jsx
index 7a2dbe800..9eaa85880 100644
--- a/test/withTranslation.keyPrefix.spec.jsx
+++ b/test/withTranslation.keyPrefix.spec.jsx
@@ -9,7 +9,7 @@ vitest.unmock('../src/withTranslation');
 describe('withTranslation', () => {
   afterEach(() => {
     cleanup();
-  })
+  });
 
   class TestComponentKeyPrefix extends React.Component {
     render() {
diff --git a/test/withTranslation.spec.jsx b/test/withTranslation.spec.jsx
index 5c1b872f4..164b69df7 100644
--- a/test/withTranslation.spec.jsx
+++ b/test/withTranslation.spec.jsx
@@ -7,9 +7,9 @@ import { withTranslation } from '../src/withTranslation';
 vitest.unmock('../src/withTranslation');
 
 describe('withTranslation', () => {
-afterEach(() => {
-  cleanup();
-})
+  afterEach(() => {
+    cleanup();
+  });
 
   class TestComponent extends React.Component {
     render() {