(instance = current)} />
+
{instance = current}} />
```
-The original code returned the instance of the `HTMLDivElement` and TypeScript wouldn't know if this was supposed to be a cleanup function or not.
+元のコードは `HTMLDivElement` のインスタンスを返していますが、TypeScript はこれがクリーンアップ関数のつもりで書かれたものかどうかを判断できません。
-### `useRef` requires an argument {/*useref-requires-argument*/}
+### `useRef` の引数の必須化 {/*useref-requires-argument*/}
-_This change is included in the `react-19` codemod preset as [`refobject-defaults`](https://github.com/eps1lon/types-react-codemod/#refobject-defaults)._
+_この変更は、`react-19` のコードモッドプリセットに [`refobject-defaults`](https://github.com/eps1lon/types-react-codemod/#refobject-defaults) として含まれています。_
-A long-time complaint of how TypeScript and React work has been `useRef`. We've changed the types so that `useRef` now requires an argument. This significantly simplifies its type signature. It'll now behave more like `createContext`.
+TypeScript と React の動作に関する長年の不満のひとつが `useRef` でした。今後 `useRef` には引数が必須になるよう型を変更することにしました。これにより、型シグネチャが大幅に簡素化されます。これで、`createContext` と同様に動作するようになります。
```ts
// @ts-expect-error: Expected 1 argument but saw none
@@ -534,7 +534,7 @@ createContext();
createContext(undefined);
```
-This now also means that all refs are mutable. You'll no longer hit the issue where you can't mutate a ref because you initialised it with `null`:
+これにより、すべての ref はミュータブルになります。`null` で初期化したために ref を変更できない、という問題で困ることはなくなるでしょう。
```ts
const ref = useRef(null);
@@ -543,7 +543,7 @@ const ref = useRef(null);
ref.current = 1;
```
-`MutableRef` is now deprecated in favor of a single `RefObject` type which `useRef` will always return:
+`MutableRef` は廃止され、`useRef` は常に単一の `RefObject` 型を返すようになりました。
```ts
interface RefObject {
@@ -553,36 +553,36 @@ interface RefObject {
declare function useRef: RefObject
```
-`useRef` still has a convenience overload for `useRef(null)` that automatically returns `RefObject`. To ease migration due to the required argument for `useRef`, a convenience overload for `useRef(undefined)` was added that automatically returns `RefObject`.
+`useRef` には便宜上のオーバーロードがまだ存在し、`useRef(null)` は自動的に `RefObject` を返すようになっています。`useRef` の引数必須化に対する移行を容易にするために、`useRef(undefined)` に対する実用的なオーバーロードが追加され、自動的に `RefObject` 型を返すようになります。
-Check out [[RFC] Make all refs mutable](https://github.com/DefinitelyTyped/DefinitelyTyped/pull/64772) for prior discussions about this change.
+この変更についてのこれまでの議論は、[[RFC] Make all refs mutable](https://github.com/DefinitelyTyped/DefinitelyTyped/pull/64772) をご覧ください。
-### Changes to the `ReactElement` TypeScript type {/*changes-to-the-reactelement-typescript-type*/}
+### `ReactElement` TypeScript 型の変更 {/*changes-to-the-reactelement-typescript-type*/}
-_This change is included in the [`react-element-default-any-props`](https://github.com/eps1lon/types-react-codemod#react-element-default-any-props) codemod._
+_この変更は [`react-element-default-any-props`](https://github.com/eps1lon/types-react-codemod#react-element-default-any-props) codemod に含まれています。_
-The `props` of React elements now default to `unknown` instead of `any` if the element is typed as `ReactElement`. This does not affect you if you pass a type argument to `ReactElement`:
+React 要素が `ReactElement` として型付けされている場合、その `props` のデフォルトの型は `any` ではなく `unknown` になります。`ReactElement` に型引数を渡している場合は、影響を受けません。
```ts
type Example2 = ReactElement<{ id: string }>["props"];
// ^? { id: string }
```
-But if you relied on the default, you now have to handle `unknown`:
+しかし、このデフォルトの型に依存していた場合、`unknown` を扱うようにする必要があります。
```ts
type Example = ReactElement["props"];
// ^? Before, was 'any', now 'unknown'
```
-You should only need it if you have a lot of legacy code relying on unsound access of element props. Element introspection only exists as an escape hatch, and you should make it explicit that your props access is unsound via an explicit `any`.
+要素の props に対する型安全でないアクセスに依存している古いコードが多くある場合にのみ、これが必要です。要素の内部構造の参照は避難ハッチとしてのみ存在しており、props に安全でないアクセスを行う場合には、`any` を明示的に用いてそうであると明示するべきです。
-### The JSX namespace in TypeScript {/*the-jsx-namespace-in-typescript*/}
-This change is included in the `react-19` codemod preset as [`scoped-jsx`](https://github.com/eps1lon/types-react-codemod#scoped-jsx)
+### TypeScript における JSX 名前空間 {/*the-jsx-namespace-in-typescript*/}
+この変更は `react-19` codemod プリセットに [`scoped-jsx`](https://github.com/eps1lon/types-react-codemod#scoped-jsx) として含まれています。
-A long-time request is to remove the global `JSX` namespace from our types in favor of `React.JSX`. This helps prevent pollution of global types which prevents conflicts between different UI libraries that leverage JSX.
+グローバルな `JSX` 名前空間を型から削除して `React.JSX` に置き換えるというのは長い間の要望でした。これにより、グローバル型の汚染を防ぎ、JSX を利用する異なる UI ライブラリ間での競合が防止できます。
-You'll now need to wrap module augmentation of the JSX namespace in `declare module "....":
+これからは、JSX 名前空間のモジュール拡張 (module augumentation) は `declare module "....":` でラップする必要があります。
```diff
// global.d.ts
@@ -597,34 +597,34 @@ You'll now need to wrap module augmentation of the JSX namespace in `declare mod
+ }
```
-The exact module specifier depends on the JSX runtime you specified in the `compilerOptions` of your `tsconfig.json`:
+正確なモジュール指定子は、`tsconfig.json` の `compilerOptions` で指定した JSX ランタイムに依存します。
-- For `"jsx": "react-jsx"` it would be `react/jsx-runtime`.
-- For `"jsx": "react-jsxdev"` it would be `react/jsx-dev-runtime`.
-- For `"jsx": "react"` and `"jsx": "preserve"` it would be `react`.
+- `"jsx": "react-jsx"` の場合は `react/jsx-runtime` です。
+- `"jsx": "react-jsxdev"` の場合は `react/jsx-dev-runtime` です。
+- `"jsx": "react"` および `"jsx": "preserve"` の場合は `react` です。
-### Better `useReducer` typings {/*better-usereducer-typings*/}
+### `useReducer` の型の改善 {/*better-usereducer-typings*/}
-`useReducer` now has improved type inference thanks to [@mfp22](https://github.com/mfp22).
+[@mfp22](https://github.com/mfp22) の協力により、`useReducer` の型推論が改善されました。
-However, this required a breaking change where `useReducer` doesn't accept the full reducer type as a type parameter but instead either needs none (and rely on contextual typing) or needs both the state and action type.
+しかしこれには、`useReducer` がリデューサ全体の型を型パラメータとして受け取る代わりに、型を全く渡さない（型推論に任せる）か、もしくは state の型とアクションの型を両方渡すかのいずれかにする必要がある、という破壊的変更が必要でした。
-The new best practice is _not_ to pass type arguments to `useReducer`.
+新しいベストプラクティスは、`useReducer` に型引数を渡さないことです。
```diff
- useReducer>(reducer)
+ useReducer(reducer)
```
-This may not work in edge cases where you can explicitly type the state and action, by passing in the `Action` in a tuple:
+これは一部の稀なケースでは機能しないかもしれませんが、その場合は state とアクションを明示的に型付けしつつ、`Action` をタプルで渡すことで解決できます。
```diff
- useReducer>(reducer)
+ useReducer(reducer)
```
-If you define the reducer inline, we encourage to annotate the function parameters instead:
+リデューサをインラインで定義する場合は、関数パラメータに型注釈を付けることをお勧めします。
```diff
- useReducer>((state, action) => state)
+ useReducer((state: State, action: Action) => state)
```
-This is also what you'd also have to do if you move the reducer outside of the `useReducer` call:
+これは、`useReducer` 呼び出しの外にリデューサを移動する場合にも行うべきでしょう。
```ts
const reducer = (state: State, action: Action) => state;
@@ -632,27 +632,27 @@ const reducer = (state: State, action: Action) => state;
## Changelog {/*changelog*/}
-### Other breaking changes {/*other-breaking-changes*/}
+### その他の破壊的変更 {/*other-breaking-changes*/}
-- **react-dom**: Error for javascript URLs in src/href [#26507](https://github.com/facebook/react/pull/26507)
-- **react-dom**: Remove `errorInfo.digest` from `onRecoverableError` [#28222](https://github.com/facebook/react/pull/28222)
-- **react-dom**: Remove `unstable_flushControlled` [#26397](https://github.com/facebook/react/pull/26397)
-- **react-dom**: Remove `unstable_createEventHandle` [#28271](https://github.com/facebook/react/pull/28271)
-- **react-dom**: Remove `unstable_renderSubtreeIntoContainer` [#28271](https://github.com/facebook/react/pull/28271)
-- **react-dom**: Remove `unstable_runWithPrioirty` [#28271](https://github.com/facebook/react/pull/28271)
-- **react-is**: Remove deprecated methods from `react-is` [28224](https://github.com/facebook/react/pull/28224)
+- **react-dom**: src/href での JavaScript URL に対するエラー [#26507](https://github.com/facebook/react/pull/26507)
+- **react-dom**: `onRecoverableError` から `errorInfo.digest` を削除 [#28222](https://github.com/facebook/react/pull/28222)
+- **react-dom**: `unstable_flushControlled` を削除 [#26397](https://github.com/facebook/react/pull/26397)
+- **react-dom**: `unstable_createEventHandle` を削除 [#28271](https://github.com/facebook/react/pull/28271)
+- **react-dom**: `unstable_renderSubtreeIntoContainer` を削除 [#28271](https://github.com/facebook/react/pull/28271)
+- **react-dom**: `unstable_runWithPrioirty` を削除 [#28271](https://github.com/facebook/react/pull/28271)
+- **react-is**: `react-is` から非推奨のメソッドを削除 [28224](https://github.com/facebook/react/pull/28224)
-### Other notable changes {/*other-notable-changes*/}
+### その他の注目すべき変更点 {/*other-notable-changes*/}
-- **react**: Batch sync, default and continuous lanes [#25700](https://github.com/facebook/react/pull/25700)
-- **react**: Don't prerender siblings of suspended component [#26380](https://github.com/facebook/react/pull/26380)
-- **react**: Detect infinite update loops caused by render phase updates [#26625](https://github.com/facebook/react/pull/26625)
-- **react-dom**: Transitions in popstate are now synchronous [#26025](https://github.com/facebook/react/pull/26025)
-- **react-dom**: Remove layout effect warning during SSR [#26395](https://github.com/facebook/react/pull/26395)
-- **react-dom**: Warn and don’t set empty string for src/href (except anchor tags) [#28124](https://github.com/facebook/react/pull/28124)
+- **react**: 同期・デフォルト・連続レーンのバッチ処理 [#25700](https://github.com/facebook/react/pull/25700)
+- **react**: サスペンドされたコンポーネントの兄弟を事前レンダーしない [#26380](https://github.com/facebook/react/pull/26380)
+- **react**: レンダーフェーズでの更新によって引き起こされる無限更新ループを検出 [#26625](https://github.com/facebook/react/pull/26625)
+- **react-dom**: popstate でのトランジションを同期的に [#26025](https://github.com/facebook/react/pull/26025)
+- **react-dom**: SSR 中のレイアウトエフェクト警告を削除 [#26395](https://github.com/facebook/react/pull/26395)
+- **react-dom**: src/href に空文字列を設定しないよう警告（アンカータグを除く）[#28124](https://github.com/facebook/react/pull/28124)
-We'll publish the full changelog with the stable release of React 19.
+React 19 の安定版リリース時に、完全な変更履歴を公開します。
---
-Thanks to [Andrew Clark](https://twitter.com/acdlite), [Eli White](https://twitter.com/Eli_White), [Jack Pope](https://github.com/jackpope), [Jan Kassens](https://github.com/kassens), [Josh Story](https://twitter.com/joshcstory), [Matt Carroll](https://twitter.com/mattcarrollcode), [Noah Lemen](https://twitter.com/noahlemen), [Sophie Alpert](https://twitter.com/sophiebits), and [Sebastian Silbermann](https://twitter.com/sebsilbermann) for reviewing and editing this post.
+この投稿のレビューと編集に協力してくれた [Andrew Clark](https://twitter.com/acdlite)、[Eli White](https://twitter.com/Eli_White)、[Jack Pope](https://github.com/jackpope)、[Jan Kassens](https://github.com/kassens)、[Josh Story](https://twitter.com/joshcstory)、[Matt Carroll](https://twitter.com/mattcarrollcode)、[Noah Lemen](https://twitter.com/noahlemen)、[Sophie Alpert](https://twitter.com/sophiebits)、そして [Sebastian Silbermann](https://twitter.com/sebsilbermann) に感謝します。
diff --git a/src/content/blog/index.md b/src/content/blog/index.md
index 460b90028..f7295175d 100644
--- a/src/content/blog/index.md
+++ b/src/content/blog/index.md
@@ -20,9 +20,9 @@ In the React 19 Beta Upgrade Guide, we shared step-by-step instructions for upgr
-
+
-The improvements added to React 19 require some breaking changes, but we've worked to make the upgrade as smooth as possible and we don't expect the changes to impact most apps. In this post, we will guide you through the steps for upgrading libraries to React 19 beta.
+React 19 に追加された改善にはいくつかの破壊的変更が必要ですが、アップグレードをできるだけスムーズに行えるよう努力しているため、ほとんどのアプリには影響が出ないことを予想しています。この投稿では、ライブラリを React 19 ベータにアップグレードする手順をご案内します。
diff --git a/src/sidebarBlog.json b/src/sidebarBlog.json
index a487165ac..51f96f688 100644
--- a/src/sidebarBlog.json
+++ b/src/sidebarBlog.json
@@ -19,8 +19,8 @@
"path": "/blog/2024/04/25/react-19"
},
{
- "title": "React 19 Beta Upgrade Guide",
- "titleForHomepage": "React 19 Beta Upgrade Guide",
+ "title": "React 19 ベータアップグレードガイド",
+ "titleForHomepage": "React 19 ベータアップグレードガイド",
"icon": "blog",
"date": "April 25, 2024",
"path": "/blog/2024/04/25/react-19-upgrade-guide"