⬅️ Back to Table of Contents

📄 TypeScriptOverlap

📊 Analysis Summary

Metric	Count
🔧 Functions	1
📦 Imports	2
💠 JSX Elements	7

📚 Table of Contents

• Imports
• JSX Elements
• Functions

🛠️ File Location:

📂 packages/website/src/components/TypeScriptOverlap/index.tsx

📦 Imports

Name	Source
Admonition	@theme/Admonition
React	react

---

JSX Elements

Component	Type	Props	Children
div	element	none
Admonition	component	type="danger"	, {strict == null ? ( <></> ) : ( (Note that technically, TypeScript w...
p	element	none	text: "The code problem checked by this ESLint rule is automatically checked ...
Fragment	fragment	none	none
p	element	none	text: "(Note that technically, TypeScript will only catch this if you have th...
code	element	none	text: "strict"
code	element	none	text: "noImplicitThis"

---

Functions

TypeScriptOverlap({ strict, }: { strict?: string; }): React.JSX.Element

Parameters:

• { strict, } { strict?: string; }

Returns: React.JSX.Element

Code

export default function TypeScriptOverlap({
  strict,
}: {
  strict?: string;
}): React.JSX.Element {
  return (
    <div>
      <Admonition type="danger">
        <p>
          The code problem checked by this ESLint rule is automatically checked
          by the TypeScript compiler. Thus, it is not recommended to turn on
          this rule in new TypeScript projects. You only need to enable this
          rule if you prefer the ESLint error messages over the TypeScript
          compiler error messages.
        </p>
        {strict == null ? (
          <></>
        ) : (
          <p>
            (Note that technically, TypeScript will only catch this if you have
            the <code>strict</code> or <code>noImplicitThis</code> flags
            enabled. These are enabled in most TypeScript projects, since they
            are considered to be best practice.)
          </p>
        )}
      </Admonition>
    </div>
  );
}

---

Generated by Syntax Scribe