Johan Altamar JohanAltamar

## usePersistedState.jsx
import { useEffect, useState } from 'react';

export function usePersistedState(key, defaultValue) {
  const [state, setState] = useState(
    () => JSON.parse(localStorage.getItem(key)) || defaultValue
  );
  useEffect(() => {
    localStorage.setItem(key, JSON.stringify(state));
  }, [key, state]);
  return [state, setState];

## Carousel.css
* {
  box-sizing: border-box;
}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}
	import { useEffect, useState } from 'react';

	export function usePersistedState(key, defaultValue) {
	const [state, setState] = useState(
	() => JSON.parse(localStorage.getItem(key)) \|\| defaultValue
	);
	useEffect(() => {
	localStorage.setItem(key, JSON.stringify(state));
	}, [key, state]);
	return [state, setState];
	* {
	box-sizing: border-box;
	}

	/* Slideshow container */
	.slideshow-container {
	position: relative;
	margin: auto;
	}