docs(connect): add typeof dispatched action type example

[ncthuc2004]

Summary

• add a focused example in Typing connected component showing typeof action creator typing for dispatched props
• demonstrate object shorthand dispatchProps with explicit DispatchProps and connected component export
• mirror the change in both README_SOURCE.md and generated README.md

Why

Issue #45 requests guidance for the dispatched action type pattern when connecting components. This update documents the typeof actionCreator approach directly in the connect typing section.

Validation

• documentation-only update
• snippet follows existing guide conventions for connect and action creator usage

---

IssueHunt Summary

Referenced issues

This pull request has been submitted to:

• #45: suggestion: add info about dispatched action types

---

[gemini-code-assist]

Code Review

This pull request updates the documentation in README.md and README_SOURCE.md to include a new example demonstrating how to use object shorthand in the Redux connect function with TypeScript. The reviewer suggested a best practice of wrapping action creators in arrow functions within event handlers to prevent the React event object from being accidentally passed as an argument.

[gemini-code-assist]

While countersActions.increment currently takes no arguments, it is a best practice in Redux documentation to wrap action creators in an arrow function when passing them to event handlers. This prevents the React event object from being accidentally passed as an argument if the action creator is later modified to accept parameters.

Suggested change

	<button onClick={onIncrement}>{label}</button>
	<button onClick={() => onIncrement()}>{label}</button>

[gemini-code-assist]

While countersActions.increment currently takes no arguments, it is a best practice in Redux documentation to wrap action creators in an arrow function when passing them to event handlers. This prevents the React event object from being accidentally passed as an argument if the action creator is later modified to accept parameters.

Suggested change

	<button onClick={onIncrement}>{label}</button>
	<button onClick={() => onIncrement()}>{label}</button>