Skip to content

fix: add missing useState import in frontend extension tutorial#25266

Open
mohithshuka wants to merge 8 commits into
docker:mainfrom
mohithshuka:fix/add-usestate-import-backend-extension
Open

fix: add missing useState import in frontend extension tutorial#25266
mohithshuka wants to merge 8 commits into
docker:mainfrom
mohithshuka:fix/add-usestate-import-backend-extension

Conversation

@mohithshuka
Copy link
Copy Markdown
Contributor

Fixes #25192

The frontend extension tutorial example imports useEffect from React but not useState, while using React.useState inconsistently.

Changes

  • Added useState to the named imports on line 211
  • Updated usage from React.useState to useState for consistency with the rest of the codebase

Before

import React, { useEffect } from 'react';
...
const [containers, setContainers] = React.useState<any[]>([]);

After

import React, { useEffect, useState } from 'react';
...
const [containers, setContainers] = useState<any[]>([]);

mohithshuka added 8 commits May 15, 2026 16:36
The previous description said 'optimize your repository storage' which
was vague and did not reflect the page's actual content. The manage.md
page is focused on viewing, filtering, and deleting images and image
indexes. Updated the description to accurately reflect this.

Fixes docker#25005
The daemon configuration overview only mentioned two methods (JSON file
and flags) but was missing the environment variables method via systemd.
Added a new section explaining how to use systemd drop-in overrides to
set daemon environment variables.

Fixes docker#25062
Replace shorthand alias 'docker scout env' with the full canonical
command name 'docker scout environment' in the environment integration
overview page, matching the CLI reference and cli.md usage.

Closes docker#25085
The _index.md page mixed 'docker scout env' and 'docker scout environment'
interchangeably. The CLI reference uses 'environment' as the canonical
name, so prose references are updated to match.

Fixes docker#25085
…ct example

Fixes docker#25192

useState was used on line 286 but was missing from the import statement,
causing an error if users follow the tutorial literally.
The React code example was using useState, useEffect, and
createDockerDesktopClient without importing them, which would
cause errors for anyone copy-pasting the snippet.

Fixes docker#25192
Copilot AI review requested due to automatic review settings June 4, 2026 15:15
@netlify
Copy link
Copy Markdown

netlify Bot commented Jun 4, 2026

Deploy Preview for docsdocker ready!

Name Link
🔨 Latest commit ef0c261
🔍 Latest deploy log https://app.netlify.com/projects/docsdocker/deploys/6a2196a161db4e000852a468
😎 Deploy Preview https://deploy-preview-25266--docsdocker.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions github-actions Bot added area/engine Issue affects Docker engine/daemon area/extensions Relates to Docker Extensions area/scout Relates to Docker Scout labels Jun 4, 2026
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Updates documentation examples across Docker Scout and Extensions SDK, and expands Docker daemon configuration guidance.

Changes:

  • Replace docker scout env examples with docker scout environment in environment integration docs.
  • Adjust React code samples to use hook imports (useState) and move ddClient initialization.
  • Add a new section describing Docker daemon configuration via environment variables.

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 5 comments.

Show a summary per file
File Description
content/manuals/scout/integrations/environment/_index.md Updates CLI command references/examples for managing Scout environments.
content/manuals/extensions/extensions-sdk/guides/invoke-host-binaries.md Tweaks the React example (imports + ddClient instantiation), and alters file header formatting.
content/manuals/extensions/extensions-sdk/build/frontend-extension-tutorial.md Updates React tutorial snippet to import/use useState directly.
content/manuals/extensions/extensions-sdk/build/backend-extension-tutorial.md Updates React tutorial snippet import list (adds useState).
content/manuals/engine/daemon/_index.md Adds a new “environment variables” configuration method and related systemd instructions.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines 52 to +55
`docker scout env` command.

```console
$ docker scout env
$ docker scout environment
Comment on lines +101 to +102
Alternatively, you can Use the `docker scout environment` command to view the images from the terminal.
use the `docker scout environment` command to view the images from the terminal.
Comment on lines +1 to 7






---
$ dockerd --help
```

### Configuration using environment variables

To set environment variables for the Docker daemon using systemd, create a
drop-in override file:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area/engine Issue affects Docker engine/daemon area/extensions Relates to Docker Extensions area/scout Relates to Docker Scout

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[docs-scanner] Missing useState import in backend extension React example

2 participants