Question: **I want to add header in all components but not in Login Page.**

```
import React from 'react';
import './App.css';
import Header from './Header';
import Home from './Home';
import {BrowserRouter as Router, Route} from "react-router-dom";
import {Routes} from "react-router";
import Checkout from './Checkout';
import Login from './Login';

function App() {
  return (
    <Router>
    <div className="app">
    <Header />
      <Routes>
        <Route exact path="/checkout" element={< Checkout />}>
        </Route>
        <Route exact path="/" element={ <Home/> }>
        </Route>
        <Route exact path="/login" element={< Login />}>
        </Route>
      </Routes>
    </div>
    </Router>
  );
}

export default App;

```

\*\*In React Router v6 there are lots of changes are done but I don't understand how to do this. Please some one answer this question \*\*

Answer: 
Open Visual Studio Code settings and ensure the `intelephense.environment.phpVersion` directive is set to `"8.1.0"`. It can be set for the whole program or for specific projects.

[![intelephense.environment.phpVersion](https://i.stack.imgur.com/nq7xS.png)](https://i.stack.imgur.com/nq7xS.png)

```
{
    "intelephense.environment.phpVersion": "8.1.0"
}

```
For me, Alvaro's solution was only half of the fix. I also had to update this setting to point to my PHP executable.

```php
{
"php.validate.executablePath": "C://laragon//bin//php//php-8.1.3-Win32-vs16-x64//php.exe"
}

```