带参数的函数不会显示在VS代码中

目标:
允许将函数Test2与参数值“Test2”一起使用,然后在Visual Studio代码中显示,且不会出现任何错误。

问题:
当我应用代码“<Test2 thename={'Test2'}/>”和“function Test2”,它显示了一个错误:

Compiled with problems:X

ERROR in src/App.tsx:11:18

TS7006: Parameter 'props' implicitly has an 'any' type.
     9 |   }
    10 |
  > 11 |   function Test2(props) {
       |                  ^^^^^
    12 |     return <h1>{props.thename} works!</h1>;
    13 |   }
    14 |

在VS代码中工作,我错过了什么?

信息:
*反应中的新手
*它适用于stackblitz,但不适用于VS代码( Function with argument won't display )
* https://stackblitz.com/edit/react-ts-atrrsi?file=index.tsx

非常感谢。

import React from 'react';
import logo from './logo.svg';
import './App.css';

export default function App() {

  function Test1() {
    return <h1>Test 1 works!</h1>;
  }

  function Test2(props) {
    return <h1>{props.thename} works!</h1>;
  }

  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.tsx</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>

        <Test1 />
        <Test2 thename={'Test 2'} />        
      </header>
    </div>
  );
}