React-app-env : difference between // / <reference types="react-scripts" /> and /// <reference types="react-scripts" />

[at-webdev]

Hello All,
For importing SVG appropriately, I had to update // / <reference types="react-scripts" /> to /// <reference types="react-scripts" /> on react-app-env.d.ts
(Ref : https://stackoverflow.com/questions/44717164/unable-to-import-svg-files-in-typescript/61839578#61839578)

/// (triple-slash-reference-types) directives are as an import for declaration packages.
I would like to know the difference between // / <reference types="react-scripts" /> and /// <reference types="react-scripts" /> on react-app-env.d.ts.

[ghost]

I have never seen react-app-env.d.ts with // / <reference types="react-scripts" />. As far as I know, this could be a mistake.

A /// <reference types="..." /> directive declares a dependency on a package. For example, including /// <reference types="node" /> in a declaration file declares that this file uses names declared in @types/node/index.d.ts and thus, this package needs to be included in the compilation along with the declaration file.

For more information visit Triple-Slash Directives.