diff --git a/src/components/3D/BrickOutline.jsx b/src/components/3D/BrickOutline.jsx
index 355f1e3..4a8abdc 100644
--- a/src/components/3D/BrickOutline.jsx
+++ b/src/components/3D/BrickOutline.jsx
@@ -34,15 +34,15 @@ const OutlineMesh = ({ meshesData }) => {
});
}, [width, height, depth, dimensions]);
- const compansate = {
- x: dimensions.x % 2 === 0 ? dimensions.x / 2 : (dimensions.x - 1) / 2,
- z: dimensions.z % 2 === 0 ? dimensions.z / 2 : (dimensions.z - 1) / 2,
- };
-
useLayoutEffect(() => {
if (!ref.current) return;
meshesData.forEach((meshData, i) => {
+ const compansate = {
+ x: dimensions.x % 2 === 0 ? dimensions.x / 2 : (dimensions.x - 1) / 2,
+ z: dimensions.z % 2 === 0 ? dimensions.z / 2 : (dimensions.z - 1) / 2,
+ };
+
const translation = meshData.translation;
const offset = {
@@ -58,9 +58,9 @@ const OutlineMesh = ({ meshesData }) => {
dummy.rotation.set(0, meshData.rotation, 0);
dummy.position.set(
- meshData.position.x + offset.x,
+ meshData.position.x + (offset.x * width) / dimensions.x,
Math.abs(meshData.position.y),
- meshData.position.z + offset.z
+ meshData.position.z + (offset.z * width) / dimensions.z
);
dummy.updateMatrix();
ref.current.setMatrixAt(i, dummy.matrix);
@@ -74,6 +74,7 @@ const OutlineMesh = ({ meshesData }) => {
ref={ref}
position={[0, 0.5, 0]}
args={[outlineGeometry, null, meshesData.length]}
+ raycast={() => {}}
>
diff --git a/src/components/UI/Panel/Slider/index.jsx b/src/components/UI/Panel/Slider/index.jsx
index 93f40b8..3698f5b 100644
--- a/src/components/UI/Panel/Slider/index.jsx
+++ b/src/components/UI/Panel/Slider/index.jsx
@@ -36,7 +36,7 @@ export const SliderWithLabel = ({
max={4}
step={1}
min={1}
- onValueChange={(newVal) => setValue(newVal)}
+ onValueChange={([newVal]) => setValue(newVal)}
{...props}
>