From 1983cf43d4da92d40b1f96dff0a44def044f9130 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BF=A0=20/=20green?= <green@sapphi.red>
Date: Tue, 2 Aug 2022 15:54:53 +0900
Subject: [PATCH] docs: override `vite/client` type (#9488)

Co-authored-by: Bjorn Lu <bjornlu.dev@gmail.com>
---
 docs/guide/features.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/docs/guide/features.md b/docs/guide/features.md
index db1f45b4ddeb99..2d72adb787ce99 100644
--- a/docs/guide/features.md
+++ b/docs/guide/features.md
@@ -102,6 +102,20 @@ This will provide the following type shims:
 - Types for the Vite-injected [env variables](./env-and-mode#env-variables) on `import.meta.env`
 - Types for the [HMR API](./api-hmr) on `import.meta.hot`
 
+::: tip
+To override the default typing, declare it before the triple-slash reference. For example, to make the default import of `*.svg` a React component:
+
+```ts
+declare module '*.svg' {
+  const content: React.FC<React.SVGProps<SVGElement>>
+  export default content
+}
+
+/// <reference types="vite/client" />
+```
+
+:::
+
 ## Vue
 
 Vite provides first-class Vue support: