Chore: (Docs snippets) Minor fixes and tweaks to the snippets

[jonniebigodes]

With this pull request, the snippets (common and for react) are tweaked a bit and fixed one misconception.

[nx-cloud]

Nx Cloud Report

CI ran the following commands for commit 341d31a. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

Status	Command
	nx run-many --target=prepare --all --parallel --max-parallel=15

---

Sent with 💌 from NxCloud.

[jonniebigodes]

Self merging this @shilman

[github-actions]

	Fails
🚫	Danger failed to run .ci/danger/dangerfile.ts.

Error Error

Command failed: npm install lodash
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: @storybook/root@6.3.0-alpha.20
npm error Found: eslint@7.32.0
npm error node_modules/eslint
npm error   dev eslint@"^7.17.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer eslint@"^6.0.0" from @storybook/linter-config@2.5.0
npm error node_modules/@storybook/linter-config
npm error   dev @storybook/linter-config@"^2.5.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /github/home/.npm/_logs/2025-10-28T13_44_30_964Z-eresolve-report.txt
npm error A complete log of this run can be found in: /github/home/.npm/_logs/2025-10-28T13_44_30_964Z-debug-0.log

Error: Command failed: npm install lodash
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: @storybook/root@6.3.0-alpha.20
npm error Found: eslint@7.32.0
npm error node_modules/eslint
npm error   dev eslint@"^7.17.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer eslint@"^6.0.0" from @storybook/linter-config@2.5.0
npm error node_modules/@storybook/linter-config
npm error   dev @storybook/linter-config@"^2.5.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /github/home/.npm/_logs/2025-10-28T13_44_30_964Z-eresolve-report.txt
npm error A complete log of this run can be found in: /github/home/.npm/_logs/2025-10-28T13_44_30_964Z-debug-0.log

    at genericNodeError (node:internal/errors:984:15)
    at wrappedFn (node:internal/errors:538:14)
    at checkExecSyncError (node:child_process:891:11)
    at execSync (node:child_process:963:15)
    at Object.<anonymous> (.ci/danger/dangerfile.ts:5:30)
    at Module._compile (node:internal/modules/cjs/loader:1521:14)
    at requireFromString (/usr/src/danger/node_modules/require-from-string/index.js:28:4)
    at /usr/src/danger/dist/runner/runners/inline.js:183:68
    at step (/usr/src/danger/dist/runner/runners/inline.js:56:23)
    at Object.next (/usr/src/danger/dist/runner/runners/inline.js:37:53)

Dangerfile

------------------^

Generated by 🚫 dangerJS against 341d31a