how to create box with 12 sides

[xiaopohaier]

I want to create a wireframe box with 12 sides，such as:

Implementation as follow, but is not work

const cube = useRef()
const materials = [];
for (let i = 0; i < 6; i++) {
    materials.push(
        <meshBasicMaterial
            key={i}
            attachArray="material"
            color="#fff"
            opacity={0}
            transparent
            side={THREE.DoubleSide}
        />
    );
}
return (
<group>
    <Box ref={cube}>{materials}</Box>
    {
        mesh && mesh.current
             ? (
                 <lineSegments>
                       <edgesGeometry args={[mesh.current.geometry]} />
                       <lineBasicMaterial color="#ffff00" linewidth={1} />
                  </lineSegments>
               )
               : null
   }
</group>
)

[drcmda]

Three materials have a wireframe prop, and there's edgesgeometry, is that not what you want?