常連

### 実現したいこと
Expoを使ってAndroidアプリを作成しており
ユーザーの操作によって値を更新したいと考えています。
また、値が画面遷移を行っても保持しておきたいため
Contextを用いて管理しようと考えています。

### 発生している問題・分からないこと
ContextファイルのProviderで定義した値を各ページで使用しています。
その更新をProvider内で定義した関数を用いて行いたいのですが
更新がされません。
Provider内の関数にログを設置し確認したのですが
関数の中に入って行っていないようです。

### エラーメッセージ
```error
エラーメッセージなどは出ておらず値が更新されません。
```

### 該当のソースコード

```TypeScript
Providerの内容 
export const DataProvider = ({ children }: DataProviderProps): JSX.Element => {
  const [values, setValues] = useState<CheckSheetValues>(defaultValues)

  const updateValues = (group: string, index: number, newValue: string): void => {
    console.log('updateValuesが呼び出されました。', group, index, newValue)
    setValues((prevValues) => {
      console.log('setValuesが呼び出されました。', prevValues)
      // ここで prevValues を使用して状態を更新する
      const updatedValues: CheckSheetValues = { ...prevValues }
      // groupに対応する配列を深いコピー
      updatedValues[group] = [...prevValues[group]]
      updatedValues[group][index] = newValue
      console.log('newValue:', newValue)
      console.log(updatedValues[group][index])
      return updatedValues
    })
  }
  console.log('DataProvider内: データが提供されました。', values)
  return (
    <DataContext.Provider value={{ values, updateValues }}>
      {children}
    </DataContext.Provider>
  )
}

```

```TypeScript
実際に値を更新するupdateValues を使用している箇所
const handleEnterPress = useCallback((displayText: string) => {
    if (selectedIndex !== null && selectedIndex >= 0 && selectedIndex <= 19) {
      console.log('変更前の値:', values[sheetKey][0])
      console.log('displayText:', displayText)
      console.log('selectedIndex:', selectedIndex)
      console.log('sheetKey:', sheetKey)
      updateValues(sheetKey, selectedIndex, displayText)
      console.log('変更後の値:', values[sheetKey][0])
    }
  }, [selectedIndex])
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
handleEnterPress 内には到達している
valuesの値を変更すると表示される値が変わるため
Contextの値自体は使えている様子

### 補足
特になし

ReactNative Context値更新について

参考書を基にreactの学習をしているのですが、作成したものをnpm startで実行すると、ﾌﾞﾗｳｻﾞに以下の様なエラーが表示されました。
```ここに言語を入力
Compiled with problems:

ERROR in ./src/App.jsx 31:35-49
export 'ColoredMessage' (imported as 'ColoredMessage') was not found in './components/ColoredMessage' (possible exports: CssModules)
ERROR in ./src/App.jsx 45:35-49
export 'ColoredMessage' (imported as 'ColoredMessage') was not found in './components/ColoredMessage' (possible exports: CssModules)
ERROR in ./src/components/ColoredMessage.jsx 4:0-47
Module not found: Error: Can't resolve './CssModules.module.scss' in 'D:\プログラミング\作成用ｺｰﾄﾞ\React\test\src\components'
```
※一応画像も添付します。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-12-26/3c4ab7f5-af1d-4e5e-a0ee-754cd528eb6d.jpeg)

このﾌｧｲﾙ名の右側に有る数字は何をさすものでしょうか
※「31:35-49」「45:35-49」「4:0-47」

エラーの原因となるファイルの行数（範囲）かとも思ったのですが、「App.jsx」には31行目迄しか無く、何を指す数字なのか分かりませんでした。
この場合の数字の意味や、このようなエラーが表示された時に着目する部分についてアドバイスいただけると有難いです！

よろしく御願いします。

※念のため、エラーに関連する「App.jsx 」「ColoredMessage.jsx」を添付します。
＜App.jsx＞
```ここに言語を入力
import { useState } from "react";
import {ColoredMessage} from "./components/ColoredMessage";

export const App = () => {

  console.log("ﾚﾝﾀﾞﾘﾝｸﾞ")//ｺﾝｿｰﾙ出す方法調べる

  const [num,setNum] = useState(0);

  const onClickButton = () => {
    setNum(num+1);
  };

 const contentPinkStyle = {
  color: "pink",
  fontsize: "20px"
 };

  return (
  <>
    {console.log("{}で囲むとJavaScriptで記載可能")}
    <h1 style={{color: "red" }}>こんにちは</h1> 
    <ColoredMessage color="blue">お元気ですか？</ColoredMessage>
    <p style={contentPinkStyle}>(propsの表記)</p>
    <ColoredMessage color="pink">元気です！</ColoredMessage>

    <button onClick={onClickButton}>ﾎﾞﾀﾝ</button>
    <p>{num}</p>
  </>
  );
};
```

＜ColoredMessage.jsx＞
```ここに言語を入力
import classes from "./CssModules.module.scss";

  export const CssModules = () => {
    return (
      <div className={classes.container}>
        <p ClassName={classes.title}>CSS Modulesです。</p>
        <button className={classes.button}>ﾎﾞﾀﾝ</button>
      </div>
    );
};
```

reactのエラー画面について

### 実現したいこと

Dockerを動かしたいのですが、docker not foundとなってdockerコマンドが使えない。

### 前提

Docker公式サイトより、手順通りにDocker DesktopのApple Chip用をインストールし、起動しました。Docker Desktop自体は問題なく動いているようです。
しかしその後VSCodeのターミナルでDockerコマンドを打つも、無いと言われます。


### 発生している問題・エラーメッセージ

https://teratail.com/questions/rcple66ofn8g76
こちらの方が質問されているように、私の方でも
docker not foundとなってdockerコマンドが使えない状態になっています。
（初めてDocker、VScodeを使用しています）



>以下を実行するとどうなりますか？
```ls -l /Applications/Docker.app/Contents/Resources/bin/docker```

こちらを実行すると、mmmさんと同様
Applications/Docker.app/Contents/Resources/bin/docker
が表示されました。

そこで、
> ~/.docker/bin の方にシンボリックリンクを作成して、PATH に ~/.docker/bin を追加するとよいのではないでしょうか。(~ をホームディレクトリのパスに置き換えてください)
と記載あるように、シンボリックリンクを作成して〜を対応してみたいと思うのですが、
具体的に何をどうしたら良いのか分からなくなっている状態です。

どなたかご教示いただけますと幸いです。
どうぞよろしくお願いします。

### 試したこと

```
ls -l /usr/local/bin/docker*
```
ちなみに途中に記載のある↑を実行すると、

```
lrwxr-xr-x@ 1 root  wheel  56 12  7 15:34 /usr/local/bin/docker -> /Volumes/Docker/Docker.app/Contents/Resources/bin/docker
lrwxr-xr-x@ 1 root  wheel  64 12  7 15:34 /usr/local/bin/docker-compose -> /Volumes/Docker/Docker.app/Contents/Resources/bin/docker-compose
lrwxr-xr-x@ 1 root  wheel  75 12  7 15:34 /usr/local/bin/docker-credential-desktop -> /Volumes/Docker/Docker.app/Contents/Resources/bin/docker-credential-desktop
lrwxr-xr-x@ 1 root  wheel  77 12  7 15:34 /usr/local/bin/docker-credential-ecr-login -> /Volumes/Docker/Docker.app/Contents/Resources/bin/docker-credential-ecr-login
lrwxr-xr-x@ 1 root  wheel  79 12  7 15:34 /usr/local/bin/docker-credential-osxkeychain -> /Volumes/Docker/Docker.app/Contents/Resources/bin/docker-credential-osxkeychain
lrwxr-xr-x@ 1 root  wheel  62 12  7 15:34 /usr/local/bin/docker-index -> /Volumes/Docker/Docker.app/Contents/Resources/bin/docker-index
```
と表示されました。関係あるのか分からないのですが。。


### 補足情報（FW/ツールのバージョンなど）
Mac book pro、
Apple M2



Dockerを動かしたいのですが、docker not foundとなってdockerコマンドが使えない。

##### 質問内容
提示のコンソールログですがnvmを用いてnodeを最新版に切り替えたいのでのですが参考サイト通りにやってもエラーでてしまいます。
これは何が原因なのでしょうか？

##### 知りたいこと
永久的にバージョンを切り替える正規のやり方が知りたい。
コマンドがエラーになる原因が知りたい

##### 行ったこと
１，参考サイトAのサイトを参考に同じように行い、Gihubサイトの必要な物をすべてインストールしましたが下記のエラーコンソールが表示されます。
２，`config.fish`ファイルに`nvm use v21.5.0`というコードを書いて起動時に一時的に設定する設定を書いて事実上の永久設定を行う事で
設定しているのですが、本来のやり方ではないと思うんで質問しました。
3,`nvm -h `を見ると `exmple`部に`alias`というコマンドがないのでバージョンの関係で削除されたと思われます。


##### 参考サイト
A：　https://saki-htr.hatenablog.com/entry/2021/08/12/180228#Node%E3%81%A8Nodejs%E3%81%AE%E9%81%95%E3%81%84%E3%81%AF

##### 環境
OS: ubnutu 20.4
shell: fitsh 
フレームワーク：on my fish



##### エラーコンソール
```
 $ nvm alias default
nvm: Unknown command or option: "alias" (see nvm -h for usage)
```

##### 一時的に設定
```
 $ nvm use v21.5.0
Now using Node v21.5.0 (npm 10.2.4) ~/.local/share/nvm/v21.5.0/bin/node
 $~/.c/fish  node -v
v21.5.0

```
###### nvm -h
```
 nvm -h
Usage: nvm install <version>    Download and activate the specified Node version
       nvm install              Install the version specified in the nearest .nvmrc file
       nvm use <version>        Activate the specified Node version in the current shell
       nvm use                  Activate the version specified in the nearest .nvmrc file
       nvm list                 List installed Node versions
       nvm list-remote          List available Node versions to install
       nvm list-remote <regex>  List Node versions matching a given regex pattern
       nvm current              Print the currently-active Node version
       nvm uninstall <version>  Uninstall the specified Node version
Options:
       -s, --silent             Suppress standard output
       -v, --version            Print the version of nvm
       -h, --help               Print this help message
Variables:
       nvm_arch                 Override architecture, e.g. x64-musl
       nvm_mirror               Use a mirror for downloading Node binaries
       nvm_default_version      Set the default version for new shells
       nvm_default_packages     Install a list of packages every time a Node version is installed
Examples:
       nvm install latest       Install the latest version of Node
       nvm use 14.15.1          Use Node version 14.15.1
       nvm use system           Activate the system's Node version

```

