Update tsx snippet in README (#968)

README.md

@@ -67,21 +67,27 @@ To set up a development environment for the CLI
 
 ### unit testing
 
-We are using [Ginko](https://onsi.github.io/ginkgo/) for our unit tests.  To exeucte the all the unit tests, run `make unit-tests`.
+We are using [Ginko](https://onsi.github.io/ginkgo/) for our unit tests. To exeucte the all the unit tests, run `make unit-tests`.
+
+To run a single test, you will need to set the KUBEBUILDER_ASSESTS environment variable to point to the directory containing our mock K8s objects.
 
-To run a single test, you will need to set the KUBEBUILDER_ASSESTS environment variable to point to the directory containing our mock K8s objects.  
 ```bash
 export KUBEBUILDER_ASSETS=$(git rev-parse --show-toplevel)/tools/bin/envtest
 go test github.com/weaveworks/weave-gitops/pkg/kube
 ```
+
 or
+
 ```bash
 export KUBEBUILDER_ASSETS=$(git rev-parse --show-toplevel)/tools/bin/envtest
 cd pkg/kube
 go test
 ```
+
 #### Executing a subset of tests
-Ginkgo allows you to run a subset of Describe/Context/It specs.  See [Focused Specs](https://onsi.github.io/ginkgo/#focused-specs) for more information
+
+Ginkgo allows you to run a subset of Describe/Context/It specs. See [Focused Specs](https://onsi.github.io/ginkgo/#focused-specs) for more information
+
 ### Setup golangci-lint in your editor
 
 Link for golangci-lint editor integration: https://golangci-lint.run/usage/integrations/
@@ -135,7 +141,7 @@ To create a new styled React component (with typescript):
       "  );",
       "}",
       "",
-      "export default styled(${1:})``"
+      "export default styled(${1:}).attrs({ className: ${1:}.name })``"
     ],
     "description": "Create a default-exported, styled React Component."
   }