update-links-n-context-doc (#531)

* update-links-n-context-doc

* fix indent

Author: houchongchan

src/stories/docs/Introduction.stories.mdx

@@ -43,8 +43,8 @@ import { Meta } from "@storybook/addon-docs/blocks";
 > Super fast and light react npm package for zooming, panning and pinching html
 > elements in easy way
 
-- [Demo](https://prc5.github.io/react-zoom-pan-pinch/?path=/story/examples-big-image--big-image)
-- [Docs](https://prc5.github.io/react-zoom-pan-pinch/?path=/story/docs-props--page)
+- [Demo](https://bettertyped.github.io/react-zoom-pan-pinch/?path=/story/examples-big-image--big-image)
+- [Docs](https://bettertyped.github.io/react-zoom-pan-pinch/?path=/story/docs-props--page)
 
 ## Key Features
 

src/stories/hooks/use-transform-context.stories.mdx

@@ -4,12 +4,35 @@ import { Meta } from "@storybook/addon-docs/blocks";
 
 # useTransformContext
 
+Must be used within the `TransformWrapper`.
+
 Use the direct access to the `Zoom-Pan-Pinch instance` and create your own hooks
 and logic with ease.
 
+An example is accessing the current positions and scale of the `instance` through `context.transformState`. 
+
 ### Example
 
 ```tsx
-// Simple access to the context instance
-const context = useTransformContext();
+  const App = () => {
+
+  const MyComponent = () => {
+    // Simple access to the context
+    const context = useTransformContext();
+    return (...)
+  };
+
+
+  return (
+        <TransformWrapper
+          {...props}
+        >
+            <TransformComponent>
+                <MyComponent/>
+            </TransformComponent>
+        </TransformWrapper>
+  );
+};
+
+
 ```