title: Routing not working in Laravel+React
body: <p>I need to change the route of my page from <code>mysite/practice</code> to <code>mysite/practice/new</code></p>
  
  <p>I have a React project set up in laravel with lumen.</p>
  
  <p>routes.php:</p>
  
  <pre><code>$app-&gt;get('/practice', ['as' =&gt; 'pet_practices', 'middleware' =&gt; 'check_vet_roles', 'uses' =&gt; 'PetsController@practice']);
  </code></pre>
  
  <p>PetsController.php</p>
  
  <pre><code>public function practice(Request $request)
      {
          $variables =$this-&gt;getUserInfo($request);
          return view('practice-profile') -&gt;with('variables', $variables);
      }
  </code></pre>
  
  <p>practice-profile.blade.php</p>
  
  <pre><code>@extends('layouts.master')
  
  
  @section('content')
  &lt;div id="practice-profile"&gt;&lt;/div&gt;
  
  @endsection
  </code></pre>
  
  <p>My JSX file</p>
  
  <pre><code>var React = require('react');
  var ReactDOM = require('react-dom');
  var PageCollectionComponent  = require('./PageCollectionComponent');
  
  if (document.getElementById('practice-profile')) {
      ReactDOM.render(&lt;PageCollectionComponent  /&gt;,document.getElementById('practice-profile'));
  }
  </code></pre>
  
  <p>Everything works fine in this setup. When I go to <code>mysite/practice</code> page loads fine.</p>
  
  <p>But if I change the route to </p>
  
  <pre><code>$app-&gt;get('/practice/new', ['as' =&gt; 'pet_practices', 'middleware' =&gt; 'check_vet_roles', 'uses' =&gt; 'PetsController@practice']);
  </code></pre>
  
  <p>and go to <code>mysite/practice/new</code> it doesn't work anymore. The layout loads from the blade file, but it doesn't get to the JSX file anymore. Why is that?</p>
  
  <p>In the console, I get this error:</p>
  
  <pre><code>Uncaught SyntaxError: Unexpected token :
  </code></pre>
  
  <p>I'm fairly new to this project so it's probably something fundamental that I am missing here.</p>