docs: add default value for BrowserWindow URL field (#6207)

* docs: fix BrowserWindow URL field

* fix

website/_dogfooding/_pages tests/code-block-tests.mdx

@@ -33,7 +33,7 @@ Multi-line text inside `pre` will turn into one-liner, but it's okay (https://gi
 ### `pre > element`
 
 <pre>
-  <BrowserWindow url="http://localhost:3000">Lol bro</BrowserWindow>
+  <BrowserWindow>Lol bro</BrowserWindow>
 </pre>
 
 ### `pre > element[]`
@@ -78,7 +78,7 @@ Multi-line text inside `pre` will turn into one-liner, but it's okay (https://gi
 ### `code > element`
 
 <code>
-  <BrowserWindow url="http://localhost:3000">Lol bro</BrowserWindow>
+  <BrowserWindow>Lol bro</BrowserWindow>
 </code>
 
 ### `code > element[]`
@@ -118,7 +118,7 @@ Multi-line text inside `pre` will turn into one-liner, but it's okay (https://gi
 ### `CodeBlock > element`
 
 <CodeBlock className="language-yaml" title="test">
-  <BrowserWindow url="http://localhost:3000">Lol bro</BrowserWindow>
+  <BrowserWindow>Lol bro</BrowserWindow>
 </CodeBlock>
 
 ### `CodeBlock > element[]`

website/_dogfooding/_pages tests/index.md

@@ -17,3 +17,13 @@ import Readme from "../README.md"
 
 <Readme />
 ```
+
+### Other tests
+
+- [Code block tests](/tests/pages/code-block-tests)
+- [Error boundary tests](/tests/pages/error-boundary-tests)
+- [Hydration tests](/tests/pages/hydration-tests)
+- [Asset linking tests](/tests/pages/markdown-tests)
+- [General Markdown tests](/tests/pages/markdownPageTests)
+- [TOC tests](/tests/pages/page-toc-tests)
+- [Tabs tests](/tests/pages/tabs-tests)

website/_dogfooding/_pages tests/markdownPageTests.md

@@ -72,7 +72,7 @@ import MyComponent from './myComponent';
 <MyComponent />;
 ```
 
-<BrowserWindow url="http://localhost:3000">
+<BrowserWindow>
 
 <MyComponent/>
 
@@ -92,7 +92,7 @@ import CodeBlock from "@theme/CodeBlock"
 
 import MyComponentSource from '!!raw-loader!@site/src/pages/examples/\_myComponent';
 
-<BrowserWindow url="http://localhost:3000">
+<BrowserWindow>
 
 <CodeBlock className="language-jsx">{MyComponentSource}</CodeBlock>
 

website/docs/guides/docs/docs-create-doc.mdx

@@ -57,7 +57,7 @@ This will render in the browser as follows:
 ```mdx-code-block
 import BrowserWindow from '@site/src/components/BrowserWindow';
 
-<BrowserWindow url="http://localhost:3000">
+<BrowserWindow>
 
 <h2>Hello from Docusaurus</h2>
 

website/docs/guides/markdown-features/markdown-features-admonitions.mdx

@@ -5,10 +5,46 @@ description: Handling admonitions/callouts in Docusaurus Markdown
 slug: /markdown-features/admonitions
 ---
 
+import BrowserWindow from '@site/src/components/BrowserWindow';
+
 In addition to the basic Markdown syntax, we use [remark-admonitions](https://github.com/elviswolcott/remark-admonitions) alongside MDX to add support for admonitions. Admonitions are wrapped by a set of 3 colons.
 
 Example:
 
+```md
+:::note
+
+Some **content** with _markdown_ `syntax`. Check [this `api`](#).
+
+:::
+
+:::tip
+
+Some **content** with _markdown_ `syntax`. Check [this `api`](#).
+
+:::
+
+:::info
+
+Some **content** with _markdown_ `syntax`. Check [this `api`](#).
+
+:::
+
+:::caution
+
+Some **content** with _markdown_ `syntax`. Check [this `api`](#).
+
+:::
+
+:::danger
+
+Some **content** with _markdown_ `syntax`. Check [this `api`](#).
+
+:::
+```
+
+<BrowserWindow>
+
 :::note
 
 Some **content** with _markdown_ `syntax`. Check [this `api`](#).
@@ -39,35 +75,7 @@ Example:
 
 :::
 
-:::note
-
-Some **content** with _markdown_ `syntax`. Check [this `api`](#).
-
-:::
-
-:::tip
-
-Some **content** with _markdown_ `syntax`. Check [this `api`](#).
-
-:::
-
-:::info
-
-Some **content** with _markdown_ `syntax`. Check [this `api`](#).
-
-:::
-
-:::caution
-
-Some **content** with _markdown_ `syntax`. Check [this `api`](#).
-
-:::
-
-:::danger
-
-Some **content** with _markdown_ `syntax`. Check [this `api`](#).
-
-:::
+</BrowserWindow>
 
 ## Usage with Prettier {#usage-with-prettier}
 
@@ -95,17 +103,23 @@ Hello world
 
 You may also specify an optional title
 
+```md
+:::note Your Title
+
+Some **content** with _markdown_ `syntax`.
+
+:::
+```
+
+<BrowserWindow>
+
 :::note Your Title
 
 Some **content** with _markdown_ `syntax`.
 
 :::
 
-:::note Your Title
-
-Some **content** with _markdown_ `syntax`.
-
-:::
+</BrowserWindow>
 
 ## Admonitions with MDX
 
@@ -175,7 +189,6 @@ The types that are accepted are the same as above: `note`, `tip`, `danger`, `inf
 
 ```mdx-code-block
 import Admonition from '@theme/Admonition';
-import BrowserWindow from '@site/src/components/BrowserWindow';
 
 <BrowserWindow>
 <Admonition type="tip" icon="💡" title="Did you know...">

website/docs/guides/markdown-features/markdown-features-react.mdx

@@ -64,7 +64,7 @@ export const Highlight = ({children, color}) => (
   </span>
 );
 
-<BrowserWindow minHeight={240} url="http://localhost:3000">
+<BrowserWindow minHeight={240}>
 
 <Highlight color="#25c2a0">Docusaurus green</Highlight>
 {` `}and <Highlight color="#1877F2">Facebook blue</Highlight> are my favorite colors.
@@ -107,7 +107,7 @@ import MyComponentSource from '!!raw-loader!./myComponent';
 import CodeBlock from '@theme/CodeBlock';
 import MyComponentSource from '!!raw-loader!@site/src/pages/examples/_myComponent';
 
-<BrowserWindow url="http://localhost:3000">
+<BrowserWindow>
 
 <CodeBlock className="language-jsx">{MyComponentSource}</CodeBlock>
 
@@ -157,7 +157,7 @@ import PartialExample from './_markdown-partial-example.mdx';
 ```mdx-code-block
 import PartialExample from './_markdown-partial-example.mdx';
 
-<BrowserWindow url="http://localhost:3000">
+<BrowserWindow>
   <PartialExample name="Sebastien" />
 </BrowserWindow>
 

website/src/components/BrowserWindow/index.tsx

@@ -15,7 +15,11 @@ interface Props {
   url: string;
 }
 
-function BrowserWindow({children, minHeight, url}: Props): JSX.Element {
+function BrowserWindow({
+  children,
+  minHeight,
+  url = 'http://localhost:3000',
+}: Props): JSX.Element {
   return (
     <div className={styles.browserWindow} style={{minHeight}}>
       <div className={styles.browserWindowHeader}>