diff --git a/.changeset/shiny-years-tap.md b/.changeset/shiny-years-tap.md
new file mode 100644
index 0000000000..d0d0c14c0a
--- /dev/null
+++ b/.changeset/shiny-years-tap.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-github-issues': patch
+---
+
+Updated README.md examples to use correct components and fixed some syntax errors.
diff --git a/plugins/github-issues/README.md b/plugins/github-issues/README.md
index d35f2c5d3f..f6b383bfcc 100644
--- a/plugins/github-issues/README.md
+++ b/plugins/github-issues/README.md
@@ -25,8 +25,8 @@ After installation, the plugin can be used as a Card or as a Page.
```typescript
import {
- GitHubIssuesCard,
- GitHubIssuesPage,
+ GithubIssuesCard,
+ GithubIssuesPage,
} from '@backstage/plugin-github-issues';
// To use as a page Plugin needs to be wrapped in EntityLayout.Route
@@ -34,9 +34,9 @@ const RenderGitHubIssuesPage = () => (
-
+
-
+
);
@@ -46,17 +46,17 @@ const RenderGitHubIssuesCard = () => (
-
+
-
+
);
```
## Configuration
-Both `GitHubIssuesPage` and `GitHubIssuesCard` provide default configuration. It is ready to use out of the box.
+Both `GithubIssuesPage` and `GithubIssuesCard` provide default configuration. It is ready to use out of the box.
However, you can configure the plugin with props:
- `itemsPerPage: number = 10` - Issues in the list are paginated, number of issues on a single page is controlled with this prop
@@ -67,7 +67,7 @@ However, you can configure the plugin with props:
### `filterBy` and `orderBy` example
```ts
-