<pre class="shiki github-dark shaku"><code>import React, { useState } from 'react'export function App() { const [count, setCount] = useState(0); return ( &lt;div&gt; &lt;button data-testid="decrement-button" onClick={() =&gt; setCount(count - 1)}&gt;-&lt;/button&gt; &lt;button data-testid="increment-button" onClick={() =&gt; setCount(count + 1)}&gt;+&lt;/button&gt; &lt;p&gt;clicked: {count}&lt;/p&gt; &lt;/div&gt; )}// run your code by clicking the run button on the right</code></pre>

My solution

As the first React problem, you are asked to create the famous Counter app. 1. counter starts from 0. 2. click the '+' button to increment. 3. click t…