fix: handling positioning prop update (#112)

stampaaaron · web-flow · commit d36e6aa2d92e · 2023-06-23T14:59:45.000+02:00
diff --git a/src/components/Timeline.tsx b/src/components/Timeline.tsx
@@ -97,7 +97,7 @@ export function Timeline(props: TimelineProps) {
       resizeObserver.observe(rightContainer.current);
     }
     return () => resizeObserver.disconnect();
-  }, []);
+  }, [positioning]);
 
   return (
     <div className={['timeline', `timeline--${positioning}`, className].join(' ')} ref={timelineRef}>

Original file line number	Diff line number	Diff line change
`@@ -97,7 +97,7 @@ export function Timeline(props: TimelineProps) {`
`97`	`97`	`resizeObserver.observe(rightContainer.current);`
`98`	`98`	`}`
`99`	`99`	`return () => resizeObserver.disconnect();`
`100`		`- }, []);`
	`100`	`+ }, [positioning]);`
`101`	`101`
`102`	`102`	`return (`
`103`	`103`	<div className={['timeline', `timeline--${positioning}`, className].join(' ')} ref={timelineRef}>