Ran prettier

packages/components/src/components/FunctionChart1Dist.tsx

@@ -150,7 +150,7 @@ export const FunctionChart1Dist: React.FC<FunctionChartProps> = ({
   fn,
   chartSettings,
   environment,
-  height
+  height,
 }: FunctionChartProps) => {
   let [mouseOverlay, setMouseOverlay] = React.useState(0);
   function handleHover(_name: string, value: unknown) {

packages/components/src/components/FunctionChart1Number.tsx

@@ -129,7 +129,10 @@ export const FunctionChart1Number: React.FC<FunctionChartProps> = ({
     [environment, fn]
   );
 
-  let data = getFunctionImageMemoized.functionImage.map(({x, value}) => ({x, y:value}))
+  let data = getFunctionImageMemoized.functionImage.map(({ x, value }) => ({
+    x,
+    y: value,
+  }));
   return (
     <>
       <SquiggleLineChart

packages/components/src/components/JsonEditor.tsx

@@ -4,10 +4,7 @@ import AceEditor from "react-ace";
 
 import "ace-builds/src-noconflict/mode-json";
 import "ace-builds/src-noconflict/theme-github";
-import {
-  jsImports,
-  defaultImports,
-} from "@quri/squiggle-lang";
+import { jsImports, defaultImports } from "@quri/squiggle-lang";
 
 interface CodeEditorProps {
   value: string;

packages/components/src/components/SquigglePlayground.tsx

@@ -185,7 +185,7 @@ let SquigglePlayground: FC<PlaygroundProps> = ({
   };
   return (
     <ShowBox height={height}>
-              <input type="checkbox" {...register("showSettingsPage")} />
+      <input type="checkbox" {...register("showSettingsPage")} />
       <Row leftPercentage={vars.leftSizePercent || 50}>
         <Col>
           {vars.showSettingsPage ? (