diff --git a/docs/svelte-testing-library/api.md b/docs/svelte-testing-library/api.md
index c790e5030..43f87d87c 100644
--- a/docs/svelte-testing-library/api.md
+++ b/docs/svelte-testing-library/api.md
@@ -25,7 +25,7 @@ tells Svelte to apply any new changes to the DOM.
 
 ## `render`
 
-```jsx
+```js
 import { render } from '@testing-library/svelte'
 
 const { results } = render(
@@ -41,6 +41,20 @@ These are the options you pass when instantiating your Svelte `Component`.
 Please refer to the
 [Client-side component API](https://svelte.dev/docs#Client-side_component_API).
 
+📝 If the only option you're passing in is `props`, then you can just pass them
+in directly.
+
+```js
+// With options.
+const { results } = render(YourComponent, {
+  target: MyTarget,
+  props: { myProp: 'value' },
+})
+
+// Props only.
+const { results } = render(YourComponent, { myProp: 'value' })
+```
+
 ### Render Options
 
 | Option      | Description                                                                                                                            | Default         |
@@ -69,7 +83,7 @@ Unmounts the component from the container and destroys the container.
 test. If you'd like to disable this then set `process.env.STL_SKIP_AUTO_CLEANUP`
 to true or import `dont-clean-up-after-each` from the library.
 
-```jsx
+```js
 import { render, cleanup } from '@testing-library/svelte'
 
 afterEach(() => {
diff --git a/docs/svelte-testing-library/example.md b/docs/svelte-testing-library/example.md
index c3043d828..f241f5c98 100644
--- a/docs/svelte-testing-library/example.md
+++ b/docs/svelte-testing-library/example.md
@@ -33,14 +33,14 @@ import { render, fireEvent } from '@testing-library/svelte'
 import Comp from '../Comp'
 
 test('shows proper heading when rendered', () => {
-  const { getByText } = render(Comp, { props: { name: 'World' } })
+  const { getByText } = render(Comp, { name: 'World' })
 
   expect(getByText('Hello World!')).toBeInTheDocument()
 })
 
 // Note: This is as an async test as we are using `fireEvent`
 test('changes button text on click', async () => {
-  const { getByText } = render(Comp, { props: { name: 'World' } })
+  const { getByText } = render(Comp, { name: 'World' })
   const button = getByText('Button')
 
   // Using await when firing events is unique to the svelte testing library because