diff --git a/plop-templates/component.hbs b/plop-templates/component.hbs
index b982c07fe..ee365c00f 100644
--- a/plop-templates/component.hbs
+++ b/plop-templates/component.hbs
@@ -4,11 +4,10 @@ import { getPlayById } from 'meta/play-meta-util';
 
 import PlayHeader from 'common/playlists/PlayHeader';
 
-function {{pascalCase name}}() {
+function {{pascalCase name}}(props) {
   // Do not remove the below lines. 
   // The following code is to fetch the current play from the URL
-  const location = useLocation();
-  const { id } = location.state;
+  const { id } = props;
   const play = getPlayById(id);
 
   // Your Code Start below.