mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
27 lines
741 B
JavaScript
27 lines
741 B
JavaScript
import React from "react";
|
|
import { useSelector } from "react-redux";
|
|
import { useRematchDispatch } from "../utils";
|
|
|
|
const CounterDisplay = () => {
|
|
const counter = useSelector((state) => state.counter);
|
|
const { increment } = useRematchDispatch((dispatch) => ({
|
|
increment: dispatch.counter.increment,
|
|
}));
|
|
return (
|
|
<>
|
|
<h3> Counter </h3>
|
|
<p>
|
|
This counter is connected via the <b>useSelector</b> hook. Components
|
|
which are not pages can be connected using the useSelector hook just
|
|
like redux components.
|
|
</p>
|
|
<p>Current value {counter}</p>
|
|
<p>
|
|
<button onClick={() => increment(3)}>Increment by 3</button>
|
|
</p>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default CounterDisplay;
|