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
30 lines
778 B
JavaScript
30 lines
778 B
JavaScript
import { useRef, useState } from "react";
|
|
import { useFrame } from "@react-three/fiber";
|
|
import { Box as NativeBox } from "@react-three/drei";
|
|
|
|
export default function Box(props) {
|
|
const mesh = useRef();
|
|
|
|
const [hovered, setHover] = useState(false);
|
|
const [active, setActive] = useState(false);
|
|
|
|
useFrame(() => (mesh.current.rotation.x = mesh.current.rotation.y += 0.01));
|
|
|
|
return (
|
|
<NativeBox
|
|
args={[1, 1, 1]}
|
|
{...props}
|
|
ref={mesh}
|
|
scale={active ? [6, 6, 6] : [5, 5, 5]}
|
|
onClick={() => setActive(!active)}
|
|
onPointerOver={() => setHover(true)}
|
|
onPointerOut={() => setHover(false)}
|
|
>
|
|
<meshStandardMaterial
|
|
attach="material"
|
|
color={hovered ? "#2b6c76" : "#720b23"}
|
|
/>
|
|
</NativeBox>
|
|
);
|
|
}
|